Weather Dashboard

The weather dashboard was built to provide instant access to the weather outlook in any city. Get the current weather as well as the five day forecast by simply searching the city you are interested in.

How it Works

Search a city to Get the Current Weather and Five Day Forecast

Search a city name using the form in the left column.

• You will be provided with the current:

  • Temperature
  • Humidity
  • Wind speed
  • Icon representation of the conditions
  • A colour coded UV index representing the severity of the conditions.

• You will also be provided with a five day forecast of future conditions including:

  • Temperature
  • Humidity
  • Icon representation of the conditions

Search History

Every city you search will be saved to the search history in the left column. Clicking the city name in the search history will present you with its weather conditions again. The search history list will persist upon refresh or re-visiting the page at a later time. Click the clear history button to clear the list.

Built With

• HTML
• CSS
• Javascript
• Moment
• Bootstrap
• Open Weather API

Website

https://masuamah.github.io/weather-dashboard/

Credits

https://stackoverflow.com/questions/44177417/how-to-display-openweathermap-weather-icon

https://stackoverflow.com/questions/3955229/remove-all-child-elements-of-a-dom-node-in-javascript

https://gomakethings.com/how-to-use-the-fetch-method-to-make-multiple-api-calls-with-vanilla-javascript/

https://en.wikipedia.org/wiki/Ultraviolet_index

https://stackoverflow.com/questions/10291017/how-to-get-id-of-button-user-just-clicked

https://www.codegrepper.com/code-examples/javascript/how+to+check+if+value+already+exists+in+array+javascript

https://dmitripavlutin.com/replace-all-string-occurrences-javascript/

Contributors

Michelle Asuamah

Contact

If you want to contact me you can reach me at michey.asmah21@gmail.com.