Welcome to PixelPomodoro, an interactive and visually engaging Pomodoro timer web application. This app not only helps you manage your time effectively using the Pomodoro technique but also adds a touch of fun with its pixel art background.
- Interactive Pomodoro Timer: Start, stop, and reset the timer with ease.
- Draggable Timer: Move the timer around the screen to suit your workspace.
- Task Manager: Add, complete, and delete tasks to keep track of your progress.
- Pixel Art Background: Enjoy a visually appealing pixel art background while you work.
- Time Display: Shows minutes, seconds, and milliseconds for precise time management.
- React: A JavaScript library for building user interfaces.
Check out the live demo of the PixelPomodoro app here.
To run this project locally, follow these steps:
-
Clone the repository:
git clone https://github.com/yourusername/pixelpomodoro.git cd pixelpomodoro -
Install dependencies:
npm install
-
Start the development server:
npm run dev
The app will be available at
http://localhost:3000.
- Start the Timer: Click on the "Start" button to begin the countdown.
- Stop the Timer: Click on the "Stop" button to pause the timer.
- Reset the Timer: Click on the "Restart" button to reset the timer to the default 25 minutes.
- Drag the Timer: Click and hold the timer display to drag it around the screen.
- Manage Tasks: Add new tasks using the input field, mark them as complete, or delete them as needed.
Contributions are welcome! If you have suggestions for improvements or new features, please open an issue or submit a pull request.