Focus Timer

A productivity-focused Pomodoro timer application built with React, TypeScript, and Vite. This application helps you manage your work sessions using the Pomodoro Technique.

Features

• 🍅 Pomodoro, Short Break, and Long Break timers
• ⚙️ Customizable timer durations
• 🔄 Auto-start timers (configurable)
• 🎵 Sound notifications
• 📱 Responsive design
• 🌓 Dark/Light mode support

Getting Started

Prerequisites

• Node.js (v14 or later)
• npm or yarn

Installation

1. Clone the repository

   git clone https://github.com/TheSolutionDeskAndCompany/focus-timer.git
   cd focus-timer

2. Install dependencies

   npm install
   # or
   yarn

3. Start the development server

   npm run dev
   # or
   yarn dev

4. Open http://localhost:5173 in your browser

Available Scripts

• npm run dev - Start the development server
• npm run build - Build for production
• npm run preview - Preview the production build locally
• npm run lint - Run ESLint
• npm run deploy - Deploy to GitHub Pages

Deployment

This application is configured to be deployed to GitHub Pages. To deploy:

1. Build the application

   npm run build

2. Deploy to GitHub Pages

   npm run deploy

Technologies Used

• React 18
• TypeScript
• Vite
• Tailwind CSS
• React Icons

License

This project is open source and available under the MIT License.