Skip to content

Weather dashboard that can find the forecast of any city. This weather app also keeps a personal search history for quicker searches in the future.

Notifications You must be signed in to change notification settings

MAsuamah/weather-dashboard

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

37 Commits
 
 
 
 
 
 
 
 

Repository files navigation

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.

Untitled design

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.

About

Weather dashboard that can find the forecast of any city. This weather app also keeps a personal search history for quicker searches in the future.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published