/weather-dashboard

A simple app for tracking weather conditions w/ city history enabled

Primary LanguageJavaScriptMIT LicenseMIT

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

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, 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

Installation

  1. Download/clone repository to local machine
  2. Open index.html in default browser

License

MIT © Krenbot