Skip to content

This is a simple weather dashboard that will show you the weather outlook for multiple cities.

Notifications You must be signed in to change notification settings

israelmrios/Weather-Dashboard

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

9 Commits
 
 
 
 
 
 

Repository files navigation

Weather-Dashboard

Description

This is a weather application that uses the OpenWeather One Call API to retrieve current and future weather forecast and dynamically displays it on the page. The application will allow you to enter over 200,000 different cities and gill give you the current temperature, wind speed, humidity level and UV index. It will also give you the same information for the following five days. This project really allowed me to work with Bootstrap and JavaScript, I really enjoyed creating elements and adding classes in JavaScript and then seeing them come to life in the page.

Instructions

You can find the deployed application here—https://israelmrios.github.io/Weather-Dashboard/

Demo

A user enters a city in the search box and weather forecast displays.

Step 1

Enter a City Name in the search box and either click 'Search' or click 'Enter'.

Screenshot of landing search page.

Step 2

The current weather will display on the top-right corner and the five-day forecast on the bottom-right.

Screenshot of current and five-day forecast.

Step 3

Some additional features the application has are: Storing of previous search results and UV Index Color-Display. If the UV conditions are favorable the box will turn green, if they are moderate, you'll see it turn yellow and if conditions are severe the box will become red.

Screenshot of additional application features.

Resources Used

License

MIT License Copyright (c) [2021] [Israel M. Rios]

About

This is a simple weather dashboard that will show you the weather outlook for multiple cities.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published