Skip to content

My first PWA, a metronome app that works locally on your phone.

Notifications You must be signed in to change notification settings

willthefirst/metronome

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Metronome Netlify Status

Production website

www.beatsperminute.click

Development

Install dependencies: yarn install
Run locally: yarn start

When committing, use git flow methodology (and consider installing the git flow package for ease-of-use).

Todo

  • Refactor that big ol Metronome file
  • Make it stupid clear that people can install as an app
    • maybe this: Users aren't always familiar with offline-first web apps. It can be useful to let the user know when the service worker has finished populating your caches (showing a "This web app works offline!" message) and also let them know when the service worker has fetched the latest updates that will be available the next time they load the page (showing a "New content is available once existing tabs are closed." message). Showing these messages is currently left as an exercise to the developer, but as a starting point, you can make use of the logic included in src/serviceWorker.js, which demonstrates which service worker lifecycle events to listen for to detect each scenario, and which as a default, only logs appropriate messages to the JavaScript console.
  • Spacebar keybinding
  • UI improvements: maybe opacity changes with velocity
    • Reactive button colors on :active
  • Get analytics going with reportWebVitals? Learn more about this stuff?

Ideas

  • Many color schemes?

Known issues

- `findDOMNode` issue with rc-slider gives [a warning](https://github.com/react-component/slider/issues/613)

Eventual blogpost learnings

Resources

Releases

No releases published

Packages

No packages published