Skip to content

dcast0607/Personal-Weather-App

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

15 Commits
 
 
 
 
 
 
 
 

Repository files navigation

Personal-Weather-App

Objective

Build a weather app that leverages the "Open Weather API." This app will allow a user to enter the name of a city and in return we will return the current weather forecast for that city. In addition to this, we will also produce a 5 day weather forecast for the user.

Any searches that the user has performed will be saved to local storage so that the user can access this data in the future without having to type out the name of the city.

Open Weather API Documentation: https://openweathermap.org/api/one-call-api

Technical Requirements

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

Implementation

Revision 1: (COMPLETED) The first thing we will focus on will be building on the homepage.

  • Add html elements that will contain our data. (COMPLETED)
  • Add CSS stylings to modify the layout of the page and to make sure that it is intuitive to use. (COMPLETED)
  • Prep the HTML elements that will be used in our javascript. (COMPLETED)

(We will be using bootstrap to make it easier to create some of our HTML elements and to help with the formatting.)

Revision 2:

  • Work out the Javascript logic that will be used to fetch our data (COMPLETED)
  • Retrieve fetch response and console log it (COMPLETED)
  • Link search button to API, user input will be used to make request to API (COMPLETED)
  • API response is linked to HTML page (COMPLETED)

Revision 3:

  • Work out logic to store data in local storage (COMPLETED)
  • Work out logic to display last city searched onto local storage (COMPLETED)
  • Work out way to show 5 day forecast (COMPLETED)
  • Work out way to show user weather data when they click on city already searched
  • Work out way to show date to user next to city name (COMPLETED)

Revision 4:

  • Test
  • Revise files
  • Refactor
  • Comment (COMPLETED)

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published