Git Product home page Git Product logo

checkweather-sg's Introduction

Check Weather SG

โ˜€๏ธ๐ŸŒง Yet another weather app for Singapore

Story

The Beginning

This began with my long-time curiosity on how to convert raster radar images into vector on a map. I've been using Weather.gov.sg's Rain Areas map whenever it rains, so I thought if I could convert that raster image to be used on Mapbox GL JS. I could put the whole raster image on Mapbox but choose to make it vector because I like it smoother.

After few trials and errors, I cooked up the Rain GeoJSON SG project, a straight-forward API server to convert rain area radar images (Singapore) to GeoJSON.

Since I've gone this far, so I thought "why not?", let's build yet another weather app for Singapore! Thus this project just happens.

2D radar 3D radar 3D clouds and rain

๐Ÿ‘‰ Read more: Building Check Weather SG.

The lock-down period

2 years later (2020), I revisited this project and rebuilt it:

  • โณ Past 2 hours of radar snapshots
  • ๐Ÿงผ Cleaner UI
  • ๐Ÿ—บ Cleaner maps
  • ๐ŸŒ Remove the 3D mode (it's not useful)

V2

I've also built an ๐Ÿ“ฑ iOS app.

And... a plethora of open-source projects to make the impossible possible:

  • โ˜”๏ธ rain-geojson-sg - the core API to fetch weather observations and rain radar
  • โฐ checkweather-sg-checker - a scheduled serverless function to keep checking for rain
  • โ›ฑ sg-coverage - a script that converts the Singapore boundary into a 217x120 array of indices with values indicating its (land) region excluding the surrounding areas (other countries and water).
  • ๐Ÿ“ธ rainshot - a serverless instance to capture rain radar images
  • ๐Ÿฉ rainshot-checker - A site to experiment contouring the radar data
  • ๐Ÿ“ค sg-rain-radar-scribbler - another site to load rain radar image and generates a JSON output similar to the one generated by rain-geojson-sg.

Rain notifications

There are currently 3 channels:

  1. Push notifications, via the iOS app.
  2. Twitter @checkweathersg
  3. Telegram channel /checkweathersg

Technicalities

Node.js is required to run this web app. Here's a list of readily-provided scripts:

  • npm start - starts a local server for development
  • npm run build - build the files for production in dist folder
  • npm run serve - starts a local server to preview production build

Copyright & license

checkweather-sg's People

Contributors

cheeaun avatar dependabot[bot] avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar

checkweather-sg's Issues

Suggestion: Include wind speeds

Hi there. Great app! Iโ€™ve one improvement to suggest: to include wind speeds on top of the wind direction icon. Useful for people who would like to check wind speeds without switching to another app / view ๐Ÿ‘๐Ÿป

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.