I built Study Buddy, a simple productivity web app that helps students stay focused while studying. The idea was to combine a Pomodoro timer and a to-do list so users can manage both their study time and their tasks in one place.
First, I created the basic structure of the app using HTML. After that, I styled the interface with CSS to make the layout clean and simple. I added a gradient background and a card layout to keep the focus on the main features.
Next, I implemented the Pomodoro timer using JavaScript. The timer starts with 25 minutes and counts down every second using setInterval(). I also added start and reset buttons so users can control the timer easily.
Then I built the to-do list feature. Users can add tasks, mark them as done, or delete them. This part helped me practice DOM manipulation and event handling in JavaScript.
Finally, I added a light and dark mode toggle so users can switch themes depending on their preference.
Through this project, I improved my understanding of JavaScript logic, DOM manipulation, and building interactive web applications.
