Skip to content

kylepls/weather

Repository files navigation

A Weather App

A no-nonsense SPA for showing weather in your area.

Netlify Status

demo


About

The Basics

This is a super simple webapp that shows you the weather and some other neat things. It is designed so that it can be run 24/7 on a display.

There are some nice little details:

  • The wind icon will make a blowing animation if it is windy outside.
  • The compass points in the direction of the wind.
  • The thermometer changes color and height depending on the temperature.
  • The cloud will either rain or snow if percipitation is occurring.

drawing

Currently all data for the app is pulled from darksky.net

Deployment

The site is hosted by Netlify. Backend requests are built using Netlify Functions

Netlify is an amazing platform that makes the deveopment and deployment of this application so simple. If you haven't already, you should check it out.

If you want to run the application on a machine with a cursor add /kiosk to the URL. This will hide the cursor on the webpage.


Host it yourself

Deploy to Netlify

All you have to do is click the button. Sorta...

Just make sure to set the the DARK_SKY environment variable to your DarkSky key in the Environment configuration tab (in Netlify).