FlowTimer is a web application designed to help users practice the FlowTime Technique, a flexible time management method that encourages working in focused bursts and taking breaks as needed. Unlike rigid techniques like Pomodoro, FlowTime adapts to your natural work rhythm.

• FlowTime Timer: A customizable timer to track your focus and break periods.
• Session Management: Records and manages your work sessions locally.
• Session History: View a detailed history of your past focus and break sessions, including daily visualizations.
• Data Import/Export: Import and export your session data as CSV.
• Customizable Settings: Adjust break timer presets to suit your workflow.

The FlowTime Technique is a time management productivity technique by Zoe Read-Bivens (Urgent Pigeon) that aims to address the pitfalls of the Pomodoro Technique while still focusing on tracking time, focusing on one task at a time, and taking breaks.

The Pomodoro Technique, with its fixed 25-minute work blocks and set breaks, can disrupt your flow state and create stress when unexpected interruptions occur or focus fades. FlowTime, in contrast, works with your natural rhythm, removing the pressure and guilt often associated with not fully utilizing a Pomodoro session.

1. Decide on a specific task that has an end. Focus on one thing at a time.
2. Click "Start Session". This begins your focus timer. Start working on your chosen task.
3. When you get interrupted or start getting distracted, click "Start Break". This initiates a break timer.
4. When you are ready, click "Resume Focus" to start another focus timer.
5. When the task is finished or you feel done for the time being, click "End Session".

Your progress is recorded below the timer. View how productive you were for the day! Stats are tracked for each day and everything is saved locally on your device. Click on "All History" to see all your FlowTime sessions and details per day. You can download or load your FlowTimer data in here as well.

• Abandoning Pomodoros, Part One: The Pros and Cons of Pomos
• The Flowtime Technique
• Flowtime Troubleshooting: If you find yourself not taking breaks
• The Flowtime Technique Cheat Sheet
• Zapier: Flowtime Technique
• Motion: Flowtime Technique
• Lifehacker: Flowtime Time Management Technique
• Flowmo.io: Flowtime Technique
• Reddit Discussion

• React
• TypeScript
• React Router DOM
• Material-UI (MUI)
• Emotion
• Recharts (for data visualization)

This project was bootstrapped with Create React App.

Make sure you have Node.js and npm (or yarn) installed on your machine.

1. Clone the repository:

   git clone https://github.com/your-username/FlowTimer.git

2. Navigate to the project directory:

   cd FlowTimer

3. Install the dependencies:

   npm install

In the project directory, you can run:

Runs the app in the development mode. Open http://localhost:3000 to view it in the browser.

The page will reload if you make edits. You will also see any lint errors in the console.

Builds the app for production to the build folder. It correctly bundles React in production mode and optimizes the build for the best performance.

The build is minified and the filenames include the hashes. Your app is ready to be deployed!

See the section about deployment for more information.

• Olivia Parker from Pixabay
• P F from Pixabay
• DRAGON-STUDIO from Pixabay