Weather App by Joel

=========================================

Requirements

---

• fetch data from weather api
• display it to the webpage
• search for more locations
• use promises, async await Javascript concepts

Assignment

---

1. Set up a blank HTML document with the appropriate links to your JavaScript and CSS files.
2. Write the functions that hit the API. You’re going to want functions that can take a location and return the weather data for that location. For now, just console.log() the information.
3. Write the functions that process the JSON data you’re getting from the API and return an object with only the data you require for your app.
4. Set up a form that will let users input their location and will fetch the weather info (still just console.log() it).
5. Display the information on your webpage!
6. Add any styling you like!
7. Optional: add a ‘loading’ component that displays from the time the form is submitted until the information comes back from the API. Use DevTools to test for low-end devices.
8. Push that baby to github and share your solution below!

Things of Note

---

• The background color changes based on the weather condition.
• The search bar query reacts to typing.

Credit

---

The design and layout was inspired by a different TOPS user named codeSwish. repo: https://gitlab.com/CodeSwish/weather_app/-/blob/main/README.md live: https://weather-app-codeswish-ee40934d959c5c333751aa0e680f7ba2a27f766a3.gitlab.io/