Remade of Pomofocus.io, a web-based Pomodoro Timer I love to boost your productivity
Pomotama is a Pomodoro timer app inspired by Pomofocus.io, built with React and TypeScript. I love Pomofocus.io so much that I'm basically using it every day while doing tasks. While it's being really helpful to my productivity flow, I feel like I can improve the app to suit my need more. Therefore, I built this side project for both learning purposes and personal usage.
The Pomodoro Technique is a structured method that divides work into 25-minute focused sessions followed by 5-minute breaks. After completing four sessions, you take a longer break of 15-30 minutes.
The Pomodoro Technique is known for its simplicity. It helps you break down tasks into manageable intervals and avoid burnout by incorporating regular breaks.
Image and text credit to flowmodor.com
Here's what Pomotama offers:
- Start Pomodoro Session: Just hit start, and you're off!
- Timer Indicators: Keep an eye on your time with handy indicators.
- Customise Settings: Tailor your focus and break times to your liking.
- Track Daily Tasks: Manage your to-dos effortlessly - add, remove, edit, and toggle tasks as needed.
- Estimate Finish Time: Get an estimate of the time required to complete your daily tasks.
ViteReact.jsTypeScriptTailwind CSSTesting LibraryJotaiDriver.js
- Wireframe the app
- Structure React projects
- Create custom hooks
- Explore Jotai, global state management
- Discover Driver.js
- Utilise Web Worker
- Implement unit tests and component tests
- Clone the Repository: git clone https://github.com/teoh4770/Pomotama.git
- Navigate to Directory: cd path/to/your/clone
- Install Dependencies: pnpm i
- Start the App: pnpm run dev
Contributions are welcome! If you'd like to contribute, please check out the Contributing Guide, and feel free to open an issue or a pull request.