Weather Forecast is a simple weather dashboard that retrieved data from Open Weather Map, a third-party APIs that allows developers to access their data and functionality by making requests with specific parameters to a URL. This app will run dynamically updated HTML and CSS powered by jQuery.
AS A traveler, I WANT to see the weather outlook for multiple cities. SO THAT I can plan a trip accordingly.
Files Name |
---|
index.html |
script.js |
- 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
- WHEN I open the weather dashboard
- THEN I am presented with the last searched city forecast
- [VScode] (http://code.visualstudio.com/) - The editor of choice.
- [Chrome DevTools] (https://developers.google.com/web/tools/chrome-devtools) - The editor pages on-the-fly and problem diagnostic.
- [W3C MarkUp Validator] (https://validator.w3.org/) - The markup validation service (HTML, XHTML) of web documents.
- [GetBootstrap] (https://getbootstrap.com/) - Open-source CSS framework directed at responsive, mobile-first front-end web development.
- [OpenWeather API] (https://openweathermap.org/api) - OPEN API to retrieve weather data for cities.
- [Postman] (https://www.postman.com/) - The Postman API allows to easy access to API.
The URLs of the deployed applications in GitHub