GithubHelp home page GithubHelp logo

grey0520 / focustide Goto Github PK

View Code? Open in Web Editor NEW

This project forked from hanziness/focustide

0.0 0.0 0.0 5.91 MB

Modern and customizable productivity timer app that runs in your browser.

Home Page: https://focustide.app

License: MIT License

JavaScript 2.58% TypeScript 32.73% CSS 0.05% Vue 63.68% SCSS 0.96%

focustide's Introduction

โณ FocusTide

Free, modern and open-source timer application, right in your browser. Formerly AnotherPomodoro.

FocusTide - Modern & customizable productivity timer | Product Hunt

Netlify Status License GitHub package.json version Crowdin translation status

Screenshot of the application showing a work section.

What is it?

FocusTide 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 ๐Ÿ˜ฟ

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?".

๐Ÿ’ก Friendly, focused and clean user interface

It's just the essentials: a timer in the middle and controls at the bottom. Everything else can be turned off:

  • a quick glance at your schedule at the top
  • a smart to-do list
  • colour-coded sections
  • colourful progress bar in the background

๐Ÿ“‘ Flexible schedule

  • adjust the length of your sessions separately or use one of the built-in presets
  • set how frequent long pauses are
  • track the time spent beyond the timer, unlike other timers that stop when the time expires

๐ŸŽต 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
  • toggle the schedule view, 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
  • 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
  • translated into 5 languages

โœ” No installation required.

Just open the webpage and enjoy it! You can even self-host it!

๐Ÿ‘‹ 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 (but privacy-friendly) tools to measure site performance.

The app itself does not collect any data (eg. when you're running it on your own machine) ๐Ÿ’ช

๐Ÿ–ผ More screenshots

The display section of the settings panel

The traditional timer with the to-do panel open

๐Ÿ— 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

๐Ÿ›  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!

FocusTide - Modern & customizable productivity timer | Product Hunt

focustide's People

Contributors

hanziness avatar milotype avatar jduchateau avatar dependabot[bot] 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.