This is a simple weather app enabling a user planning a trip in the United States to check the weather in various cities at the time of use, plus a five day forecast. The app saves the user's cities in localStorage and inserts buttons with those cities onto the page allowing the user to click among multiple cities to compare weather over several days.
This project offered me the opportunity to build an application using two APIs from https://openweathermap.org, passing data from one to another and using the returned data to populate content on the page.
No installation is necessary to use this application, just visiting the URL and searching for a city. I've set it up so that a user can enter just a city name, but to assure the correct city returns, the user can also include the two letter state in the search field (ex: Springfield, IL or Springfield, MA). Note, the geocoding API accepts a state as input, but the weather API does not include the state in returned data, so I was not able to display the state in the Current Weather section.
I learned how to use fetch and then functions to request data, and then pass that data to another API before returning it to the application. I also learned how to use Bootstrap grid card layout.
This app can be used by visiting: https://mikewebprint.github.io/weather-app/
I wrote the code for this project myself, of course with numerous Google searches for the correct syntax on various elements. I did rely on regexr.com for the correct syntax on the city,state pattern to validate the input field.
This project is built in HTML, CSS, JS, and Photoshop (favicon), and uses Bootstrap, Openweathermap APIs,