Skip to content

Latest commit

 

History

History
55 lines (37 loc) · 1.41 KB

README.md

File metadata and controls

55 lines (37 loc) · 1.41 KB

Morning Update

A webpage I can check each morning that keeps me up to date on a few things. It uses some APIs to do this.

Weather from Dark Sky API

The plan

It will tell me the following:

  • A different word each day to describe the day?
  • What day of the week it is
  • The temperature outside (degrees celsius)
  • What the weather will be in 1 hour ahead of the current time
  • What direction and speed (mph) the wind is
  • A different joke each day

Copy

Hey Chris, mellow Monday. It's 10° outside & in an hour it will be raining. There is a 5mph coming from the South East . A joke you say? What is red and smells like blue paint? Red paint.

Design thoughts

  • Purely typographic, nice big responsive type
  • Try not to use webfonts?
  • Background and text colour change slightly to reflect the time of day?

Things to make

  • Favicon (.ico)
  • Manifest (.json)
  • Icon @ 16, 32, 96px (.png)
  • App icon @ 192px (.png)

Notes

Invaluable guide about JSON and PHP

Building the Dark Sky API url

First part is the API url includes

  • API url
  • Private API key
  • Latitude
  • Longitude

For example: https://api.darksky.net/forecast/APIKEY/12.34,-12.34

Then to add optional queries add ? after URL

For example: ?exclude=alerts,flags&units=uk2