Weather dashboard that contains weather data for cities, built using third party API's. The user enters a city name in the search field, then the app displays the current weather conditions in that city, inlcuding temperature, humidity, and UV index.
Added an HTML with the basic structure and containers for the API data to come through as well as for the cities to all be added as a list on the left of the page, including the search buttons with the icons from Fontawesome.com.
Added the appropriate styling for the page to match the criteria requested, including the styling for the butons, input fields and container.
Created the click event to get the input values from the cities searched as well as several fucntions to fetch the open weather API's and get the requeired data back in order to show the weather information and display it on the page for the user.
Link to deployed weather dashboard: Deployed site
GIVEN a weather dashboard with form inputs WHEN I search for a city THEN I am presented with current and future conditions for that city and that city is added to the search history WHEN I view current weather conditions for that city THEN I am presented with the city name, the date, an icon representation of weather conditions, the temperature, the humidity, the wind speed, and the UV index WHEN I view the UV index THEN I am presented with a color that indicates whether the conditions are favorable, moderate, or severe WHEN I view future weather conditions for that city THEN I am presented with a 5-day forecast that displays the date, an icon representation of weather conditions, the temperature, and the humidity WHEN I click on a city in the search history THEN I am again presented with current and future conditions for that city
There is no need to install anything, to use the weather dashboard simply follow the link below.
See deployed site here: Deployed Site
See repository here: GitHub Repo
If you have any tips or ideas on how to improve this weather dashboard please reach out to me directly.
Email: Jaramillo784@gmail.com