Giter VIP home page Giter VIP logo

weather-dashboard's Introduction

weather-dashboard

Description

Through the usage of third-party API's, this web application allows users to access up-to-date weather updates, as well as a 5-day forecast! Search for any location, and the appplication will display the information & save your search so you're able to reference back to it.

Usage

In order for a user to successfully use this application, they must search for a valid city, or location, in the search bar. If the search is valid, current weather data will appear on the screen at the top & a 5-day forecast will appear below. The user is capable of making multiple searches, and can easily go back to a previous search by clicking on the previous searched cities button.

Users will be able to find data including the:

  • City
  • Current Date
  • Current Temperature
  • Current Wind
  • Current Humidity

As well as a 5-day forecast for the:

  • Date
  • Temperature
  • Wind
  • Humidity

Screenshot

Weather-Dash-Screenshot

Credits

N/A

Website

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

weather-dashboard's People

Contributors

wyattbensman avatar

Watchers

 avatar

weather-dashboard's Issues

City is Added to Search History

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

Presented Appropriate Material

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 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 wind speed

Presented 5-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 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

Search History Brings Back Conditions

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 click on a city in the search history
THEN I am again presented with current and future conditions for that city

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.