Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/krenbot/weather-dashboard
A simple app for tracking weather conditions w/ city history enabled
https://github.com/krenbot/weather-dashboard
javascript weather weather-api weather-app weather-forecast
Last synced: 22 days ago
JSON representation
A simple app for tracking weather conditions w/ city history enabled
- Host: GitHub
- URL: https://github.com/krenbot/weather-dashboard
- Owner: Krenbot
- License: mit
- Created: 2022-10-06T14:17:24.000Z (about 2 years ago)
- Default Branch: main
- Last Pushed: 2022-11-12T14:58:22.000Z (about 2 years ago)
- Last Synced: 2024-10-06T02:40:55.782Z (3 months ago)
- Topics: javascript, weather, weather-api, weather-app, weather-forecast
- Language: JavaScript
- Homepage: https://krenbot.github.io/weather-dashboard/
- Size: 261 KB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Weather Dashboard
## Deployed Link
https://krenbot.github.io/weather-dashboard/## Description
A light weather application that pulls weather data from 5 day weather forecast API and displays saved cities to the user.## Technologies Used
* HTML
* CSS
* JavaScript
* moment.js## Challenges
* Working with multiple appendages to box data
* Understanding API Calls## Future Implementations
* Backgrounds showing city landmarks (if available)
* Optional 10 day forecast## User Story
```md
AS A traveler
I WANT to see the weather outlook for multiple cities
SO THAT I can plan a trip accordingly
```## Acceptance Criteria
```md
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, and the the wind speed
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
```## Mock-up
![Demo of weather dashboard](./assets/dashboard-demo.png)
## Installation
1. Download/clone repository to local machine
2. Open index.html in default browser# License
MIT © Krenbot