Build a Weather App With AJAX






The Lab is a Deliverable

  • Create an app that uses a search form to show the weather in any city the user searches for.
  • For example, you can model this project after what we did for the AJAX Movies exercise for the AJAX lesson.
  • Set this up as a seperate project repo, and push it to your personal GitHub.
  • Use the Open Weather map to get a forecast and display it on the page.
  • Create a project folder with the usual setup ... i.e. .html, .css, and .js files in their appropriate sub folders.
  • If the user searches for another city, make sure the page is only showing ONE city's forecast at a time (i.e. make sure the previous results don't stay on the page).


Here's an example of the functionality:



example



Bonus

  • Allow a drop-down menu for the user to choose how many days' worth of forecasts they want, then display that many days of weather predictions on the page.
  • Add basic components to your app such as a header, nav, footer ...etc.
  • Add styling with CSS.
  • Create a README.md inside of your project's root directory you can use to describe what your app does.

  • Example headers in your project's README might include:

    • The Title of your App
    • Technologies/API used
    • Features
    • User Stories
    • Wireframes (you place hosted images in your README)
    • Stretch Goals/Future Goals



Super Bonus

Deploy your project to the web using Github Pages!

Here are the instructions