Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Create Weather App.md #874

Open
wants to merge 1 commit into
base: master
Choose a base branch
from
Open
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
27 changes: 27 additions & 0 deletions Projects/1-Beginner/Weather App.md
Original file line number Diff line number Diff line change
@@ -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)