/weather_dashboard

Weather Dashboard

Primary LanguageJavaScript

Weather Dashboard

Table of Contents

Github Pages URL

https://soumeyah.github.io/weather_dashboard/

Description

We were tasked with creating a weather app using the third party API OpenWeather API

What Was Done

  • Added a search bar for user to input city name to search
  • Use the openweather and onecall api to fetch
    • Current day data:
      • city name, date, icon representing weather, temp, humidity, wind speed, UV index
    • 5 Day forecast
      • city name, date, icon representing weather, temp, humidity
  • Dynamically rendered using jQuery
  • Styled using Bootstrap

Screenshot

Screenshot with Local Storage

Screenshot with Local Storage