The Weather App will display the current weather and 5-day forecast data for the city entered by the user. Users will be able to revist the weather data for the last 5 entered cities by selecting the desired city in the search history section.
https://tmortara.github.io/Weather-App/
- Enter city you would like to view the Current Weather and the 5-Day Forecast.
- Click Submit
- Once you click submit, the Current Weather and 5-Day Forecast will appear. Your entry will also be added to your local storage so it is accessible even after you enter a new city.
- The previous 5 submissions will appear in your local storage. To access simply click on the name of the previously entered city.
- HTML
- CSS
- JavaScript
- Bootstrap
The Weather App was created using a couple of different API calls from OpenWeather
- Geocoding API - This API was called to get latitude and longitude for the entered city.
- Current weather data - This API was called to get the current weather using the latitude and longitude for the entered city.
- 5 day weather forecast - This API was called to get the 5-Day Forecast Data for the entered city.
None
- My husband, a Full Stack Developer, assisted in helping me understand how to start writing code.
- My tutor, Alexis Gonzales, who helped explain API calls.
- Amanda, TA, who helped work through calling the Current Weather API and rendering the data to the page.
- OpenWeather: Current Weather Documentation
- Day.js Documentation
- OpenWeather: 5-Day Forecast Documentation
- OpenWeather: Geocoding API
- MDN: Using the Fetch API
- Stack Overflow: Convert a Unix timestamp to time in JavaScript
- Stack Overflow: Javascript - loop through results from API call to JSON, and print in HTML
- Stack Overflow: openweathermap api: get 1 time slot from 5 day forcast
None
