Tier: 1-Beginner
Create a weather dashboard that fetches and displays current weather conditions and forecasts for different cities.
- User can enter a city name to get weather information
- User can see the current temperature, humidity, wind speed, and weather conditions
- User can see a weather icon representing the current conditions
- User can see the location and current date/time
- User can view a 5-day weather forecast
- User can toggle between Celsius and Fahrenheit
- User can see their current location's weather automatically using geolocation
- User can save favorite locations for quick access
- User can see sunrise and sunset times
- User can see an air quality index
- User can see weather alerts for severe conditions
- User can see hourly forecasts
- User can see animated weather icons
- User can see a map visualization of the weather
- OpenWeather API - Free weather data API
- Geolocation API
- Weather Icons
- localStorage API
- Chart.js - For temperature graphs
- Leaflet - For weather maps