Skip to content

Instantly share code, notes, and snippets.

@ChazAttack73
Forked from sgnl/README.md
Created December 29, 2015 19:17
Show Gist options
  • Save ChazAttack73/099ba8b200016f5a562b to your computer and use it in GitHub Desktop.
Save ChazAttack73/099ba8b200016f5a562b to your computer and use it in GitHub Desktop.
5-day forecast

Sign up for an APPID (APIKEY)

  1. Sign up for an account to get your API KEY http://openweathermap.org/API
  2. Read the Documentation for getting a 5-Day weather forecast

Project Set-up

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.

Goal (MVP)

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!

Resources

http://slides.com/sgnl/xhr

Caveats

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.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment