I built a Study Buddy app that helps students stay focused while studying. The hardest part was handling the timer logic and DOM interactions in JavaScript, but after experimenting and debugging I managed to make it work. I learned a lot about event handling and improving user interaction in the browser. I’m happy with how the project turned out and it helped me practice my JavaScript skills.
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.
Log in to leave a comment
I built a Mood Based Music Recommender using HTML, CSS, and JavaScript. Users can choose moods like Happy, Sad, Motivated, or Chill and play songs that match their mood. The most challenging part was managing the song data and connecting it with the audio player, but I solved it using JavaScript objects and DOM manipulation. I’m proud that the app now works smoothly with features like search and a random “Surprise Me” button.
In this project, I built a Mood Based Music Recommender using HTML, CSS, and JavaScript. The app allows users to choose a mood such as Happy, Sad, Motivated, or Chill, and it displays songs that match that mood. I created song cards with images, titles, and artist names, and added an audio player so users can play songs directly from the page.
While building this project, I practiced JavaScript concepts like objects, arrays, DOM manipulation, and event handling. I also worked on improving the user interface with interactive CSS and adding features like search and a random “Surprise Me” song button.
Log in to leave a comment
Built a Mood Based Music Recommender where users can choose a mood and play songs that match it. Created using HTML, CSS, and JavaScript with features like search and a random “Surprise Me” song button.
I’m working on my first project! This is so exciting. I can’t wait to share more updates as I build.
Log in to leave a comment
