Pomofire is a productivity web application that combines a Pomodoro timer with a To-Do List. It helps users manage their tasks effectively while utilizing the Pomodoro technique to stay focused and avoid burnout.
- Pomodoro Timer: Customize focus and break durations to suit your workflow.
- To-Do List: Add, edit, delete, and mark tasks as completed.
- User Authentication: Secure login and signup powered by Supabase.
- Data Persistence: Save and sync tasks and settings across devices using Supabase as the backend.
- Responsive Design: Optimized for desktops, tablets, and mobile devices.
- Pure HTML, CSS, and JavaScript (no frameworks used).
- Supabase: Provides Authentication and Database services.
- Any static hosting platform such as GitHub Pages, Vercel, or Netlify.
- A Supabase account and a project set up.
-
Clone the Repository:
git clone <git repo> cd <cloned folder>
-
Set Up Supabase:
- Create a new project in Supabase.
- Set up the authentication system (email/password auth).
- Create a database table for storing tasks with the structure specified in DATABASE.md.
- Set up Row-Level Security (RLS) policies to ensure users can only access their own data.
-
Serve the App Locally (Optional): Use a live server to view the app in your browser, for example:
npm run dev
-
Deploy the App:
- Upload your project to GitHub and connect it to your preferred hosting platform.
-
Authentication:
- Sign up with your email and password.
- Log in to access your saved tasks and settings.
-
Pomodoro Timer:
- Start the timer to focus.
- Automatically or manually switch between work and break sessions.
-
To-Do List:
- Add new tasks with descriptive titles.
- Mark tasks as completed or delete them when finished.
- Sync tasks across devices.
pomofire/
├── index.html # Main HTML file
├── styles/ # Global styles folder
│ └── style.css # Main stylesheet
├── scripts/ # Global scripts folder
│ ├── app.js # Core functionality
│ ├── pomodoro.js # Pomodoro logic
│ ├── todo.js # To-Do list logic
│ └── supabase.js # Supabase integration
├── assets/ # Images and icons
├── pages/ # pages
└── README.md # Project documentation
- Implement basic task tracking features.
- Add support for customizable themes (light/dark mode).
- Implement analytics to track productivity.
- Introduce collaborative task-sharing features.
Contributions are welcome! If you find a bug or have a feature request, feel free to open an issue or submit a pull request.
This project is currently not licensed under any license.
- Supabase for their incredible backend-as-a-service platform.
- The Pomodoro Technique for inspiring productivity.
Start staying productive with Pomofire! 🚀
This project is not intended for practical usage. This is primarily an experimental project for learning practical web development concepts. Do not use as for the time being.