Skip to content

Brondchux/hw6-weather-dashboard

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

15 Commits
 
 
 
 
 
 

Repository files navigation

HW6 Server-Side APIs - Weather Dashboard - Project

Project Description

With resources from a severside weather API, this project should show us the accurate weather conditions for any given city entered and the result should display a 5 day weather forcast. This project will be developed using HTML5, CSS3, Bootstrap, jQuery and Server side weather API.


Table of Content

  1. Project Description
  2. Author Info
  3. User Story
  4. Acceptance Criteria
  5. Mock-Up Preview
  6. Useful Links
  7. Tech Stack
  8. Credits
  9. Licence

Author Info

Name: Gospel Chukwu

Email: hello@gospelchukwu.com

Portfolio: www.gospelchukwu.com


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

Mock-Up Preview

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 Atlanta.


Useful Links

  1. 🗂 Click me to view github repository for this project
  2. 🌍 Click me to view deployed application on github pages

Tech Stack

html5 logo bootstrap logo jquery logo github logo


Credits

Appreciations to Ben 🙌🏾 of Columbia University Coding Bootcamp for being our tutor in this bootcamp.

Special thanks to Google for helping me find the accurate answers to my questions in a very timely manner.

Thanks to OpenWeather One Call API for making this Server side API free and available to us!


Licence

MIT

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published