- Sign up for an account to get your API KEY http://openweathermap.org/API
- Read the Documentation for getting a 5-Day weather forecast
Your project directory should look like:
.
├── css
│ └── styles.css
├── index.html
└── js
├── client.js
└── open_weather.js (this is for the stretch goal of making a module)
notes: css
, index.html
and js
directories are all siblings and located at the *root of your project.
There should be an input field where the User is able to input a city's name. Once the city name has been entered, there should be a button to trigger the XHR request to get a 5-day weather forecast data from OpenWeather. Display the data the best you can.
You can use vanilla javascript xhr or use jquery for xhr.
use git, commit often!
Do not create a public repository for this exercise on github. You do not want to expose your API key. We will cover how to keep things like API KEYS, Passwords, etc secret on public repositories.