**THE WICKED WEATHER DASHBOARD ⛈️ ☂️ 🏖️ **
Hello!
We will designing a dashboard that allows users to search for the weather forecast of a desired city location.
This project has the following features:
- Card #1 contains a Search Bar where the user can input a desired city location, search history is displayed
- Card #2 showing response for the current weather (location, temperature, humidity, rain, wind and UV index)
- Card #3 showing 5 Day Forecast
SCREENSHOTS
-
Starting/landing page will have heading, picture, search bar on the left and results on the right. Both Current Temperature and 5 Day Forecast containers will show. It will be empty until the user enters a search input.
-
User enters a city into the search bar. Multiple entries will be retained and displayed below.
-
Screenshot showing populated results for 5 Day Forecast:
Javascript Features
- Api calls from (https://openweathermap.org/api/one-call-api) (N.B. Three Api calls are necessary for current weather, 5 day forecast and UV index)
- Variable declaration area
- Event listener (onclick) that receives user input
- A ForEach loop to loop through the 5 Day Forecast
- A responsive Bootstrap layout is used
Github Repository Features
- One HTML Pages (Index.html - Contains basic user input items and buttons with divs and ids)
- One CSS Pages (Styles.css)
- One Javascript Page * Contains: * Variables, including arrays, event listeners, for each loop, local storage
- Images of screenshots to show example of the Wicked Weather Dashboard
Thank you for forecasting the weather with us!
Github Profile Link => https://github.com/hergemony
Deployed Application Link => https://hergemony.github.io/wickedweather
©️ 2022 Hergemony Digital Services