Pomodoro.ir
Pomodoro.ir is a pomodoro technique timer progressive web app built with Nuxt and TypeScript. It allows users to utilize the pomodoro time management method to boost productivity.
Features
- Set custom pomodoro timer
- Automatic alerts with notification when timer ends
- Responsive design and PWA support
Targets
- Archive Tasks
- Settings and customization
- Stats and report
- Multi-language (EN & FA)
- Fixing PWA bugs
Usage
The app follows the pomodoro technique of 25 minute work periods separated by 5 minute breaks.
To use the app:
- Open the app
- Click "Start Pomodoro" to start a 25 minute work timer
- When the timer ends, an alert will notify you to take a 5 minute break
- Click "Start Break" to start the 5 minute break timer
- After the break, click "Start Pomodoro" to do another 25 minute work period
- Pomodoros completed increments after each full work/break cycle
Installation
The app is hosted at pomodoro.ir.
To run locally:
- Clone the repository
- Run
npm install
- Run
npm run dev
- Access the app at http://localhost:3000
Build and Deploy
To build a production version:
npm run build
To deploy, start the nuxt server by npm start
command.
Technology Stack
- Vue
- TypeScript
- Nuxt
- Tailwind CSS
Architecture
The app is built with:
- Components for each page and reusable UI elements
- Vue reactive & ref for state management
- Custom hooks for reusable logic
- Utilities for date formatting, sounds, and more
Contributing
Contributions are welcome! Please open an issue or PR if you would like to contribute.
Let me know if you need any other sections or details included in the README.