shanshantina / weather-dashboard

weather-dashboard

Description

The weather dashboard made by using the OpenWeatherAPI to retrieve weather data for cities for travelers.

Criteria selections including:

1. When user searches for a city, it presents current and future conditions for that city and that city is added to the search history.
2. When user views current weather conditions for that city, it presents with the city name, the date, an icon representation of weather conditions, the temperature, the humidity, the wind speed, and the UV index.
3. When user views the UV index, it presents with a color that indicates whether the conditions are favorable, moderate, or severe.
4. When user views future weather conditions for that city, it presents with a 5-day forecast that displays the date, an icon representation of weather conditions, the temperature, and the humidity
5. When user clicks on a city in the search history, it presents with current and future conditions for that city again.

Built With

• HTML
• CSS
• JavaScript
• OpenWeatherAPI

Preview

Launch Weather Dashboard

Resources

The lists of resources used to complete this challenge:

1. Module 6 Server-side APIs from canvas.
2. Book: JavaScript & jQuery by Jon Duckett.
3. Google (https://www.google.ca/) and Google Fonts (https://fonts.googleapis.com/css?family=Open+Sans&display=swap).
4. MDN Web Docs (https://developer.mozilla.org/en-US/docs/Web/JavaScript).
5. w3schools (https://www.w3schools.com/).
6. Font Awesome (https://fontawesomeicons.com/).
7. Bootstrap (https://getbootstrap.com/).
8. Moment.js (https://momentjs.com/docs/).
9. Open Weather API (https://openweathermap.org/api).
10. Supports from instructor, assistant instructor and Tutor.