Muzan67/APIWeather

This weather dashboard contains a search function to search for the weather of a particular city, then displays present and future weather conditions for that city.

Deployed Application on Github

https://muzan67.github.io/APIWeather/

Javascript My API Weather - Github Repository

https://github.com/Muzan67/APIWeather

API Weather

Description

The Weather App has been created for the user who is looking to plan their travel based off of the weather conditions. Upon making a search through through multiple cities using the weather app the traveler can best plan their trip accordingly.

The criteria is met where if the user would like to travel, they can look up multiple cities to plan their trip, giving them a 5 day results of the weather, temperature, humidity, and accordingly based off of the results of the weather. The users previous cities that they searched for remains below in case they would like to return to look at the city again.

Table of Contents

• Deployed Application
• Github Repository
• Description
• User Story
• Acceptance Criteria
• Installation
• Usage
• Technologies Used
• Screenshot

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

Installation

To install this application, clone the code into your terminal for the respective repository.

Usage

1. Search for a city in the search bar, then click "Search".
2. View the present and future weather conditions for that city.
3. Search for a new city in the search bar.
4. Click on previously searched cities which are saved in the left hand side of the web page.

Technologies Used

• HTML5
• CSS
• Javascript
• Bootstrap

Screenshot of API Weather