Kloc

Shareable stopwatch and timer. UX inspired by the Samsung clock app.

Check out the app at https://kloc.pages.dev

Check out the stopwatch and timer state machines on the stately.ai visualizer

Note

Timer UX is 🚧 under renovation 🚧

New features coming soon ⛏

Keep posted!

Use Cases

• This is a simple one. You are running a marathon, one person starts the stopwatch at the beginning of the track and another person stops it when the track ends. You could also have people track the time you took to complete different sections with the lap feature
• Track how long it has been since your last vacation / date / any other stuff that you want to do again
• Countdown to next vacation / retirement / any other event that you are looking forward to
• Sharing your stopwatch/timer with your accountability partner for a study session or any accountability-related thing
• Productivity / remote collaboration stuff with your co-worker or team
• Timed activities like classroom quizzes, timed practice sessions or a timed challenge on a game
• Some crazy stuff I haven't thought about

Development

Made using Xstate for maintaining state, Partykit for sharing the state, Radix UI and Framer Motion.

1. Run npm i
2. Run npm run dev and the app should be served on http://localhost:5173 and the partykit server on http://localhost:1999

• Run cypress e2e tests with npm t. For headed use npm run cy:open