/WeatherApp

Primary LanguageJavaScript

WeatherApp

For this project, I aim to create an accurate weather app that will allow users to better prepare for their days and trips. This weather app will utilize the OpenWeather API to retrieve weather data for cities. My main motivation for this project is to utilize Bootstrap, jQuery, and moment to create a more accurate weather predictions. To ensure the accessiblity of the app, there will be a visual of the days' temperature in 'F' and predicted weather art. Being able to accomplish this weathr app will increase the accuracy of any user's day or traveler's .

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, 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

Project Status

This project was completed on March 13, 2021.

License

MIT

Deployment

Access this app Repo here: https://github.com/Obi1002/WeatherApp Live Link

Usage

When you open the webpage, you will have a live search bar to enter a city of your choice. Once you enter the city, you can click on the magnifying glass button to the right of the search bar to load the results. The current city information should be on display and a 5-days forecast should generate under the city display with additional weather forecast. Enjoy your new weather forecast app for any city of your choice!

Preview of the App

  • This is how the app looks Weather App Screenshot