Skip to content

This is a weather-dashboard which shows weather conditions, wind speed , temperature as well as forecast for 5 days.

Notifications You must be signed in to change notification settings

DedSec2050/Web_Dev_dump_02

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

30 Commits
 
 
 
 
 
 
 
 

Repository files navigation

Weather_Dashboard

Made a weather dashboard using HTML, CSS and JS.
It shows current Weather conditions, temperature, humidity and wind speed , and in addition to that it also shows forecast of 5 days by fetching the data from OpenWeatherMap API according to the city entered in the search box.

Preview Page

image

ForeCast Preview

image

  • Used Async JS concept
    • Fetch Method

      Used fetch method to get the data from OpenWeatherMap API.

    • await

      This is used to delay the execution of the const response variable so that the api data is loaded first and then after the processing of data starts and
      var data variable so that the processes regarding the json object stored in the data does not get executed before the loading of object in var data

About

This is a weather-dashboard which shows weather conditions, wind speed , temperature as well as forecast for 5 days.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published