This assignment requested the implementation of 3rd-pary APIs to develop and build a dynamic weather dashboard that runs in the browser to feature updated HTML and CSS. By using the OpenWeather One Call API, my goal was to extract specific data to display the following information:
- City Search
- Current weather conditions as well as a 5-day future forcast below
- Save all city searches via local storage to search history
- The weather conditions include date, icon to represent conditions visually, the temperature in Farenheit, humidity %, and the UV index - which is presented by a color as to whether favorable, moderate, or severe.
- Below is a 5-day future forcast that displays all of the same features as above relative to each day listed.
- The city search history is displayed as an unordered list below the search input. These results can be clicked on and the user is taken back to those results.
- The user can also clear search history and this information is removed from local storage.
This assignment was complex yet excited as it really develops the use of real-world application and the call back to APIs. Below is a screenshot and screen recording of my deployed application:
Screenshot: https://drive.google.com/file/d/1-qnU1ACItxuowYV8d1R2tYSt-Aeabj-t/view?usp=sharing Video Recording: https://drive.google.com/file/d/1vEAKZ1RL-wIPlV0UTh0RiPAb0ux2dO42/view?usp=sharing