Skip to content

Weather Dashboard using Open Weather API that runs in the browser and features dynamically updated HTML and CSS.

License

Notifications You must be signed in to change notification settings

brandonnorsworthy/uta-weather-dashboard

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

18 Commits
 
 
 
 
 
 
 
 

Repository files navigation

uta-weather-dashboard

deployment: https://brandonnorsworthy.github.io/uta-weather-dashboard/

About

Weather Dashboard using Open Weather API that runs in the browser and features dynamically updated HTML and CSS. Uses local storage to store persistent data.

Demo

desktop demo
the white flashes are when the page gets refreshed

Homework Assignment Given Design

Given Design

Functionality

  • Calls openWeather CurrentWeather api for latest weather and to grab the longitude and latitude.
  • Calls openWeather One Call api to grab the future 5 day forcast at the same location and displays them in cards at the bottom of the page
  • dynamically creates <div class="row"> as well as <div class="columns">
  • Styled using the Bootstrap Framework
  • Stores users events in the DOMs local storage object so it can be loaded on page load.
  • Gets accurate dates and formats them using the Moment.js Library

About

Weather Dashboard using Open Weather API that runs in the browser and features dynamically updated HTML and CSS.

Topics

Resources

License

Stars

Watchers

Forks