From 419b1f13246d941daadf1ffe39266c0e0a33752d Mon Sep 17 00:00:00 2001 From: Vishant Rathi <129350236+vishantrathi@users.noreply.github.com> Date: Tue, 8 Oct 2024 23:45:30 +0530 Subject: [PATCH] Create Weather App.md --- Projects/1-Beginner/Weather App.md | 27 +++++++++++++++++++++++++++ 1 file changed, 27 insertions(+) create mode 100644 Projects/1-Beginner/Weather App.md diff --git a/Projects/1-Beginner/Weather App.md b/Projects/1-Beginner/Weather App.md new file mode 100644 index 000000000..2fc6053ca --- /dev/null +++ b/Projects/1-Beginner/Weather App.md @@ -0,0 +1,27 @@ +Project: Weather App + +Tier: 1-Beginner + +Weather apps are essential tools for planning our daily activities. In this project, you will create a Weather App that allows users to check the current weather and forecast for a given location. + +Constraints + +You may not use any pre-built Weather APIs or libraries. +You must implement the app's functionality using JavaScript, HTML, and CSS. +User Stories + +User can enter a location (city, state, or zip code) and see the current weather conditions, including temperature, humidity, and wind speed. +User can see a 5-day forecast for the entered location, including high and low temperatures and weather conditions. +User can switch between Celsius and Fahrenheit units for temperature display. +User can see a warning message if they enter an invalid location. +User can see a loading animation while the app fetches weather data. +Bonus Features + +User can see a map view of the entered location, with weather conditions overlaid on the map. +User can set a default location, so the app automatically displays the weather for that location on startup. +User can receive notifications for weather alerts, such as severe weather warnings or heavy rain. +Useful Links and Resources + +Weather API (OpenWeatherMap) +MDN Web Docs: JavaScript, HTML, and CSS tutorials +Google Maps API (for map view bonus feature)