WeatherApp

Welcome to WeatherApp, the ultimate weather forecasting app that provides real-time weather updates, detailed 24-hour forecasts, and a 5-day outlook. Perfect for planning your day and staying informed on weather conditions anywhere in the world.

Table of Contents

• Features
• Technologies Used
• Installation
• Usage
• API Information

Features

• Real-time weather updates for any location
• 24-hour detailed forecast
• 5-day weather outlook
• Dynamic weather icons that change based on the time of day and conditions
• User-friendly, responsive design optimized for both desktop and mobile devices
• Error handling for incorrect location searches

Technologies Used

• React.js: Frontend library for building the user interface
• OpenWeatherMap API: Source of weather data
• Swiper.js: For the carousel in the 24-hour forecast
• CSS: Styling of components
• ESLint: Ensuring code quality
• Vercel: Deployment platform for hosting the application with ease
• Axios: For handling HTTP requests

Installation

Prerequisites

• Node.js and npm installed on your local machine.

Steps

1. Clone the repository:

   git clone https://github.com/behnam-nbt/weather-app.git
   cd weather-app
   npm install
   

Usage

• Search: Enter the name of a city in the search bar to get the current weather and forecasts.
• Navigation: Use the arrows to browse through the 24-hour forecast.
• Icons: Observe how the icons dynamically change based on the time of day and weather conditions.

API Information

• The app uses the OpenWeatherMap API to fetch weather data.
• It includes endpoints for current weather, 24-hour forecast, and 5-day forecast.
• Remember to respect API rate limits and secure your API key.