A simple timer for keeping track of your Pomodoro (or other timed) sessions, built with TailwindCSS.
WARNING - the share sound option will share ALL sounds played from your computer, not just the sounds from the timer. As of this writing, zoom doesn't let you isolate sound sharing to just one tab or app during screen share.
If you're streaming the timer over zoom and want to share the timer sounds too, make sure you check the Share sound box at the bottom left of the share menu:
You can also turn sound sharing on and off during screen sharing from the More menu:
Share your SessionTimer over zoom without showing all your bookmarks and open browser tabs by using an app container like FluidApp (MacOS).
FluidApp works by encapsulating a web page in its own app window, so it behaves more like a native mac app. No more bulky browser UI, plus you can create a dock or desktop icon to launch it:
Never worry about people judging your messy browser bookmarks during a screen share again 😉.
Thanks to the following projects that produced some of the cool assets used in this project:
- All timer sound effects used in this project are from Mixkit Sound Effects.
- The icons are from Feather Icons.
This project uses:
- NPM for managing development dependencies
- ViteJS to run the development server and build static assets
- TailwindCSS for CSS and styles
Basic commands for setting up the development environment are listed below.
To install all local dev dependencies:
npm installTo run the Vite dev server:
npm run devTo run the build process (and get static assets for deployment):
npm run build