Skip to content

Latest commit

 

History

History
49 lines (33 loc) · 1.87 KB

README.md

File metadata and controls

49 lines (33 loc) · 1.87 KB

Weather Dashboard

This application is a dashboard for weather data. It shows the current weather for your selected city as well as the next 5 days.

Features

  1. The application displays the current weather for the city you select.
  2. The application displays the next 5 days for the city you select.
  3. Inputs will be captalised as a proper noun.
  4. The appication will store the last 5 searches in a local, browser based database.

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 rent and future conditions for that city

Interface

The following image shows the web application's appearance and functionality:

The weather app includes a search option, a list of cities, and a five-day forecast and current weather conditions for Southampton.

Live Deployment: https://chrisaylen.github.io/WeatherDashboard/

ToDo

The application could benefit from better responsive behaviour, particularly the 5 day cards and the search history.