Skip to content

Latest commit

 

History

History
42 lines (27 loc) · 2.5 KB

README.md

File metadata and controls

42 lines (27 loc) · 2.5 KB

🌤️ Weather Dashboard Documentation

Overview

This project is a weather dashboard application built using React and Ant Design (Antd). The application displays various weather-related data fetched from the Open Meteo API, including current weather, hourly forecasts, daily forecasts, and additional information like air quality, UV index, and dust and pollen levels.

Features

🌡️ Current Weather

The application shows the current weather conditions, including temperature, humidity, and weather description with an appropriate icon representing the weather type.

📈 7-Day Weather Graph

A graphical representation of the weather for the past 7 days is displayed using Recharts, providing a visual trend of temperature changes over the past week.

🕒 Hourly Weather for the Next 24 Hours

The application provides an hourly weather forecast for the next 24 hours, allowing users to see how the weather will change throughout the day.

📅 10-Day Forecast

A 10-day weather forecast is provided, offering users a longer-term view of the weather trends.

🌍 Air Quality, UV Index, Dust and Pollen Details

Additional information regarding air quality, UV index, and dust and pollen levels is displayed, providing a comprehensive overview of environmental conditions.

Technologies Used

  • ⚛️ React: A JavaScript library for building user interfaces.
  • 🅰️ Ant Design (Antd): A React UI library used for designing the user interface components.
  • 📊 Recharts: A charting library for React, used to display the 7-day weather graph.
  • 🌐 Open Meteo API: The API used to fetch weather data. More information can be found here.

Deployed Application

You can access the deployed weather dashboard application here.

Usage

  1. 🌦️ Weather Icons: Icons dynamically represent different types of weather conditions.
  2. 📋 Weather Details: Detailed information about the current weather, including temperature, weather condition, and more.
  3. 📉 Interactive Graphs: Users can view and interact with graphical representations of past and forecasted weather.
  4. 📡 Additional Metrics: Comprehensive environmental metrics, including air quality, UV index, and dust/pollen details, enhance user awareness of current conditions.

This weather dashboard provides a user-friendly interface to stay informed about weather conditions and trends, utilizing modern web development tools and libraries.