edevine / kissweather Goto Github PK

Allow users to search by zip code or city and state. Narrow search results as user inputs characters and display matching results in a drop down list below the location input box.

• Scroll horizontally via touch
• Scroll horizontally via mouse
• Scroll horizontally via keyboard arrows
• Increase the number of days the OpenWeatherMap API returns

Include the following properties:

• Current temperature
• Current weather icon
• Current weather description
• Current wind (mph)
• Current humidity (%)
• Current pressure (hpa)
• Sunrise
• Sunset

Implement 5 day forecast using one "card" for each day oriented horizontally.

Include the following properties for each day:

• Day of week
• Date
• Weather icon
• High/low temperature

Data API intermittently returns 429 errors

Request (headers elided):
GET /data/forecast?zip=22031,us HTTP/1.1

Response (headers elided):
HTTP/1.1 429 unknown

• Remove Promise library and use XHR
• Use GET form submit for legacy browsers
• Leverage History API for modern browsers

Steps to reproduce:

1. Enter valid zip code into Location input
2. Press "Return" on iOS keyboard

Error: request is not sent to server

Display the most recent data timestamp. Header should read "Current Conditions -- HH:MM" in timezone of location.

When requesting data from a new location, it is difficult to tell when the page had repainted, especially when the new weather is similar to the previous weather.

Create hourly forecast graph

Steps to reproduce:

1. Enter a valid zip code
2. Enter an invalid zip code
3. Enter the same valid zip code from step 1

Error: UI is not updated with the weather data

Looks like the width does not account for the 4px margin:

Commit 59293ee includes Copyrighted assets from weather.com for temporary use. Replace with original or common use SVG images.

On slow internet connections the templates are visible before they are rendered:

Add functionality to get location for user rather than using zip code. This way they can press a button and their location is automatically populated.