Skip to content

Weather Dashboard which uses technologies such as Open Weather, Moment.js, jQuery, Bootstrap CSS..

License

Notifications You must be signed in to change notification settings

Huntken26/weather-dashboard

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

26 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

weather-dashboard

Description:

This app is a weather dashboard which can be used to search for a city and view the weather data for the week. This app uses technologies such as Bootstrap, jQuery, Openstreetmap API, moment.js, and Open Weather API.

Deployed Link:

https://huntken26.github.io/weather-dashboard/

Usage:

To select a city you have the choice of using the "Use my Location" button or searching the city in the search bar. Once selected you can see the temperature, wind speed and humidity data. For a detailed walkthrough view the gif below.

Screenshot Walkthrough:

  1. Go to the site Screenshot (47)

  2. Option 1: Press USE MY LOCATION and enable the location API via the alert on your browser. Screenshot (49)

  3. OR Use the Search Bar and type in the city. Then press the search button. Screenshot (50)

Credits and Special Thanks:

https://developer.mozilla.org/en-US/docs/Web/API/Geolocation_API/Using_the_Geolocation_API#examples

https://openweathermap.org/forecast5#geo5

https://www.openstreetmap.org/about

https://coding-boot-camp.github.io/full-stack/apis/how-to-use-api-keys

I also thank my Instructor Kyle, my class TA Ethan, my tutor Chris, and my fellow bootcamp students.

Bootstrap

jQuery

Visual Studio Code

JavaScript

CSS3

HTML5

Git

GitHub

Google Chrome

Stack Overflow

MDN Web Docs

License:

MIT License

Copyright (c) 2022 Kenny H.

About

Weather Dashboard which uses technologies such as Open Weather, Moment.js, jQuery, Bootstrap CSS..

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published