# Project: Weather ## Introduction Use everything we've been discussing to create a weather forecast site using the weather API from the previous lesson. You should be able to search for a specific location and toggle displaying the data in Fahrenheit or Celsius. You should change the look of the page based on the data, maybe by changing the color of the background or by adding images that describe the weather. (You could even use the Giphy API to find appropriate weather-related gifs and display them). Feel free to use promises or async/await in your code, though you should try to become comfortable with both. ## 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 simple 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. 8. Push it to GitHub and share it with others! --- # Agent Instructions: Querying This Documentation If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question. Perform an HTTP GET request on the current page URL with the `ask` query parameter: ``` GET https://howtocode.trek.io/topics/deep-dives/javascript/project-weather.md?ask= ``` The question should be specific, self-contained, and written in natural language. The response will contain a direct answer to the question and relevant excerpts and sources from the documentation. Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.