This is a weather application that displays weather data for the current day and the next upcoming five days. The current weather information contains data about the temperature, humidity, wind speed, and UV Index. The purpose of this project was to learn how to implement server-side APIs into my web applications. See Usage section for instructions on how to use this application. Currently, this application does not have an option to indicate which state or country the city is located in.
In the future, I would like to add more informative alerts to my webpage, more descriptions to describe the weather, a dropdown for country and state, a button to delete only one item, an event listener if users press the enter key when searching for a city, add code to replace a city if it was already in the search history, and code to show the most updated weather conditions when a user clicks on a city button instead of showing past weather history.
- Use the
cdcommand on your terminal to move to your desired installation directory. - Copy and paste the following code into your terminal:
git clone git@github.com:tyang896/weather-forecast.git
- Press
EnterorReturnto execute the code - The repository should now be in your installation folder.
You can view a live demonstration of the web application here: https://tyang896.github.io/weather-forecast/
- To use this application, open the
index.htmlpage using a web browser. The web application should look like the following:
- Search for a city in the search bar and click on the
Searchbutton to see the weather results.
- The weather results should look like the following:
The UV Index will have color codes to indicate whether conditions are safe or dangerous.
UV radiation Scale:
- Green = Low
- Yellow = Moderate
- Orange = High
- Red = Very High
- To view previous searches, click on a button with the city name.
- To clear all searches, click on the
Clear allbutton.