Giter Club home page Giter Club logo

fitness_routine_timer's Introduction

Fitness Routine Timer

An interval time 'Progressive Web App'.

This started out as a simple vanilla javascipt PWA, but grew to be a webpack app so it could support more than just chrome browsers (& Android devices).

As much of a learning by doing exercise as a fitness timer.

What does it do.

Provides a list of routines. The user chooses a routine, and can see detail of what the routine involves. When the user starts the routine, the app counts down each interval. Supports SubRoutines, i.e. common warmup cooldown. Supports repeating a SubRountine - i.e. sets Allows you to see what is coming up as well as what you should be doing. With 3 seconds to go alerts you that this interval is coming to an end.

Deployment

On checkin, github actions are used to build the PWA. The PWA is hosted by github pages, which means checking the built software in to github! See the github action for details on how this works.

Development

Steps:

  • git clone
  • npm install

For a production build

  • npm run build
  • npm run serve
  • Open browser on localhost:8080

For a dev build

  • npm run start Auto opens default browser

Next steps

  • Use GitHub actions to build this.
  • Introduce sets of routines
  • Figure out why sound doesn't work on Safari, and alternative approach for it.

fitness_routine_timer's People

Contributors

dependabot[bot] avatar thegruffalo avatar

Stargazers

 avatar

Watchers

 avatar

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.