parent
8bc4105a67
commit
d4e349f162
@ -0,0 +1,40 @@
|
|||||||
|
# Weather Dashboard
|
||||||
|
|
||||||
|
**Tier:** 1-Beginner
|
||||||
|
|
||||||
|
Create a weather dashboard that fetches and displays current weather conditions and forecasts for different cities.
|
||||||
|
|
||||||
|
## User Stories
|
||||||
|
|
||||||
|
- [ ] 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
|
||||||
|
|
||||||
|
## Bonus features
|
||||||
|
|
||||||
|
- [ ] 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
|
||||||
|
|
||||||
|
## Useful links and resources
|
||||||
|
|
||||||
|
- [OpenWeather API](https://openweathermap.org/api) - Free weather data API
|
||||||
|
- [Geolocation API](https://developer.mozilla.org/en-US/docs/Web/API/Geolocation_API)
|
||||||
|
- [Weather Icons](https://erikflowers.github.io/weather-icons/)
|
||||||
|
- [localStorage API](https://developer.mozilla.org/en-US/docs/Web/API/Window/localStorage)
|
||||||
|
- [Chart.js](https://www.chartjs.org/) - For temperature graphs
|
||||||
|
- [Leaflet](https://leafletjs.com/) - For weather maps
|
||||||
|
|
||||||
|
## Example projects
|
||||||
|
|
||||||
|
- [Weather App with React](https://github.com/ayushkul/react-weather-app)
|
||||||
|
- [Vanilla JS Weather App](https://github.com/avinash-kr-pandey/Weather_app)
|
||||||
|
- [Weather Dashboard Demo](https://weather-dashboard.netlify.app/)
|
||||||
Loading…
Reference in new issue