FocusTide
FocusTide copied to clipboard
Modern and customizable productivity timer app that runs in your browser.
⏳ AnotherPomodoro
Free and open-source Pomodoro application, right in your browser.
What is it?
AnotherPomodoro is a Pomodoro timer application running in the browser. It helps you manage your time so that you can do more work instead of watching videos of cute cats 😿
Quickstart: your schedule
When working with AnotherPomodoro, you'll be moving between three types of sessions:
-
Work.
Do what you have to do. - (Short) Pause.
Take a short rest, stand up from your computer and drink some water. -
Long pause.
Having worked some time now, take a longer break. You can grab a cup of coffee, watch some memes and scroll social media.
With the default Pomodoro settings, every third break will be a long one.
💡 Tip. You can customize the length of the timers and the frequency of long pauses, too!
What you get
Here's the looong list of features this app includes.
- ⏰ Multiple timer styles
- (12:34) traditional
a classic one with second-precision for those who want to know exactly how much time is left until coffee break - (12 minutes) approximate
this one displays time with minute-precision so you know how much time is left but your eyes won't stick to the counter since it does not change every second - (50%) percentage
being even less informative, this one keeps you away from the distraction of calculating "what can I do in the remaining 12 minutes and 34 seconds?".
- (12:34) traditional
- 💡 Friendly, focused and clean user interface
- the essentials: a timer in the middle and controls at the bottom. The rest can be turned off:
- a quick glance at your schedule at the top
- a smart to-do list
- fancy and colourful progress bar in the background
- the essentials: a timer in the middle and controls at the bottom. The rest can be turned off:
- 📑 Flexible schedule
- adjust the length of your sessions separately or use one of the built-in presets
- set how frequent long pauses are
- 🎵 Multiple ways to notify you
- play sounds when you finish a section
- desktop notifications so you don't have to keep checking your browser
- ⚙ Plenty of options
- set your schedule the way you want it
- hide the schedule, the progress bar or the to-do list
- enable/disable audio and/or desktop notifications
- change the number of schedule items shown
- control your timer using the keyboard
- dark and light themes
- ... and more to come in the future!
- ✅ Clean to-do list
- set separate tasks for work, pause and long pause sections
- only shows your top relevant tasks while the timer is running
- automatically remove completed tasks at the end of each session
- remembers your tasks across sessions
- ✨ Other nice-to-have features
- remembers your settings
- adaptive ticking: timers will update less frequently while the browser tab is not visible
- it's a PWA (Progressive Web App): it's fast and you can install it through your browser!
- fancy and fluid animations
- setup wizard to get you started with the app
- localisations
- helpful error pages
- automatically advance sections
- ✔ No installation required. Just open the webpage and enjoy it! You can even self-host it!
- 📵 No tracking, ads or any fishy stuff -- and it's entirely free
- 👋 Open development
- anyone can view the source code, raise issues (feature requests, bug reports) or even submit their own improvements!
⚠ Transparency warning
Production deployments (on Netlify or elsewhere) may use third-party tools (like Plausible Analytics or FairAnalytics) to measure site performance.
The app itself still does not collect any data (eg. when you're running it on your own machine) 💪
🖼 More screenshots
🏗 If you're a developer
This is an open-source project that welcomes contributions. Please check the contribution guidelines before opening issues, discussions or pull requests!
❤ Technologies, packages used
-
NuxtJS (and thus VueJS)
-
vue-i18n
for localization -
nuxt/google-fonts
for Google Fonts support -
pinia
for state management
-
- Tailwind CSS
-
Tabler Icons through
vue-tabler-icons
- Workbox as a PWA service worker
-
conventional-changelog/standard-version
for automatic changelog generation from conventional commits
🛠 Building or running the app yourself
# install dependencies
$ yarn install
# serve with hot reload at localhost:3000
$ yarn dev
# generate the final static site
$ yarn generate
☕ Support the project
If you like this project or it has helped you, please consider buying the maintainer a coffee. You won't be annoyed to do so while using the app!