This project is a minimal setup to get a React application running with Vite.
I got bored on a cold and dull Saturday night. So, what's better than coding for fun? I had never tried Vite and wanted to see if it really was as fast as the name suggests. And yes, it is.
I'm pretty happy with what I've accomplished. I wanted to display my skills with React, Vite, and JavaScript, focusing on DOM manipulation, event handling, and some simplistic UI design. The project includes custom color and font choices, features to select the duration, sound effects for start, pause, and timer reset,api fetching with the jokes, the ability to track break times in a sidebar, and the option to add notes if needed.
- Pomodoro Timer: Helps you manage work and break periods effectively.
- Notes: Allows you to jot down quick notes.
- Jokes: Provides random jokes to lighten up your mood. (Thanks to https://icanhazdadjoke.com/api)
- Drawer: A sidebar to keep track of pauses.
- Tasks: Add the tasks you've in your mind.
- React: A JavaScript library for building user interfaces.
- Vite: A fast build tool and development server.
- JavaScript: The primary programming language used.
The Pomodoro Timer helps you manage your work and break intervals. Start the timer to begin a work session, and take breaks as scheduled. You can choose your desired duration, and the app will play sounds at the start, during pauses, and when the timer resets.
Use the Notes section to write down quick notes that you want to remember. You can add new notes and see the time they were created.
Get a random joke by visiting the Jokes section. Click the refresh button to get a new joke. I use the https://icanhazdadjoke.com/api to get those juicy and funny dad jokes !
The Drawer keeps track of your pause entries. Open it to see how many breaks you've taken and their details.
You can add tasks, to focus on, and follow step by step what you want to achieve during the session.