Weather Dashboard Application

Overview

This Weather Dashboard application provides users with current weather information and a 5-day forecast for a specified location. It utilizes the >OpenWeatherMap API to fetch weather data and presents it in an intuitive dashboard interface.

Features

1. Current Weather Display: Shows the current weather conditions including temperature, description, and additional details.
2. Search Functionality: Allows users to search for weather information by city name.
3. 5-Day Forecast: Presents a forecast for the next five days, including temperature, humidity, and wind speed.
4. Graphical Representation: Displays a graphical representation of the forecast data using Recharts library, showcasing minimum temperature, maximum temperature, and current temperature trends.

Technologies Used

1. React: The frontend of the application is built using React library, providing a modular and efficient component-based architecture.
2. Context API: Utilizes React Context API for state management, allowing seamless sharing of data across components.
3. Hooks: Employs React Hooks for managing state and performing side effects in functional components.
4. OpenWeatherMap API: Fetches weather data including current conditions and forecast from the OpenWeatherMap API.
5. React-Slick: Implements a responsive slider for displaying the 5-day forecast in an interactive manner.
6. Recharts: Utilizes Recharts library for creating interactive and customizable graphs to visualize forecast data.

Usage

Clone the repository. Install dependencies using npm install. Add your OpenWeatherMap API key to the .env file. Run the application using npm start. Enter a city name in the search bar to view current weather and forecast information.

Live Production Link

Live Link Weather App