https://github.com/michaelzimm20/weather-dashboard
The Weather Dashboard is an application that uses Fetch-API that allows users to search different cities, states, and countries for the Current Weather forecast as well as a 5 day weather forecast.
https://github.com/michaelzimm20/weather-dashboard
bootstrap callbacks css fetch-api font-awesome html5 javascript jquery momentjs
Last synced: 3 months ago
JSON representation
The Weather Dashboard is an application that uses Fetch-API that allows users to search different cities, states, and countries for the Current Weather forecast as well as a 5 day weather forecast.
- Host: GitHub
- URL: https://github.com/michaelzimm20/weather-dashboard
- Owner: MichaelZimm20
- Created: 2022-08-16T15:47:50.000Z (almost 4 years ago)
- Default Branch: main
- Last Pushed: 2022-08-23T18:21:08.000Z (almost 4 years ago)
- Last Synced: 2025-03-30T01:38:17.071Z (about 1 year ago)
- Topics: bootstrap, callbacks, css, fetch-api, font-awesome, html5, javascript, jquery, momentjs
- Language: JavaScript
- Homepage: https://michaelzimm20.github.io/weather-dashboard/
- Size: 237 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# weather-dashboard
## User Story
```
AS A traveler
I WANT to see the weather outlook for multiple cities
SO THAT I can plan a trip accordingly
```
## Acceptance Criteria
```
GIVEN a weather dashboard with form inputs
WHEN I search for a city
THEN I am presented with current and future conditions for that city and that city is added to the search history
WHEN I view current weather conditions for that city
THEN I am presented with the city name, the date, an icon representation of weather conditions, the temperature, the humidity, the wind speed, and the UV index
WHEN I view the UV index
THEN I am presented with a color that indicates whether the conditions are favorable, moderate, or severe
WHEN I view future weather conditions for that city
THEN I am presented with a 5-day forecast that displays the date, an icon representation of weather conditions, the temperature, the wind speed, and the humidity
WHEN I click on a city in the search history
THEN I am again presented with current and future conditions for that city
```
## Consist Of
```
* Bootstrap, Font Awesome, jQuery, Moment.js, JavaScript, CSS, HTML
* Loops, if statements
* Callbacks, event Listeners
* return statements
* eventDefault methods
* Semantics and logical statements
* Template Literals
* Fetch methods
*APIs and apikeys
```
## Important Links
* GitHub Link: https://github.com/MichaelZimm20/weather-dashboard
* Deployable Live Link: https://michaelzimm20.github.io/weather-dashboard/
## Screenshots
credit: w3schools.com for background-img help and button background img
https://www.w3schools.com/css/css3_gradients.asp
for button gradient:
https://codepen.io/pirrera/pen/bqVeGx
jumobotron background animation:
https://www.sliderrevolution.com/resources/css-animated-background/