HOMEWORK WEEK 6 - WEATHER APP

Assignment

Build a weather dashboard following the above criteria

• Provide the user the ability to search for a city.
• Show the current and future conditions for that city.
• Present the city name, the date, an icon representation of weather conditions, the temperature, the humidity the wind speed, and the UV index (the color should indicate whether the conditions are favorable, moderate, or severe)
• Add that city to the search history.
• Show the 5-day forecast that displays the date, an icon representation of weather conditions, the temperature, and the humidity.
• Clicking on a city in the search history present the current and future conditions for that city.
• Save search history to local storage and when loading the page present the last searched city forecast.

Features

• The application is loaded and a welcome page is displayed with a greeting and on the sidebar the user can find the search input;
• Once the desired location is input and user click search a page displays the current weather forecast for that location and for the following 5 days;
• The infromation provedide includes temperature, humidity, speed limit, feels like and UV index;
• For the current weather and 5 days forecast a icon represents the weather conditions;
• If user search for a city and it cant be found a error message is displayed instructing user to enter city name again;
• The results for the searched cities are stoared at users local storage and a clear history button clear the local storage if user desire.

The following gif video demonstrates the application functionality:

Development

The final project has been deployed to GitHub Pages. All links/buttons on this website works properly and some of the resources used on this project was:

• Open Weather API: https://openweathermap.org/
• FontAwesome (https://fontawesome.com/);
• Bootstrap (https://getbootstrap.com/);
• Google Fonts (https://fonts.google.com/);
• W3 Schools (https://www.w3schools.com/);
• The final version was pushed to homework repository at GitiHub at https://github.com/aafernands/weatherApp;
• Deployed version : https://aafernands.github.io/weatherApp/

Authors

Alex Fernandes