A simple app to get yourself in the "Study Zone". Turns on your bg sounds of choice, start the timer and get working! Studying for 8hrs+ straight is not sustainable (probably). Instead, take a short break and keep yourself productive.
So I wanted to make a study app that centralizes all the stuff I need when studying, like background noise, (pomodoro) timer, without the need for swtiching between apps.
I then got inspired by Lookout/Hackatime and another app to implement a competition feature where you can compete against your friends to log the most hours studying.
I learnt more about the 3 languages (html,css,JS) and how they interact with eachother - I’m a beginner at these languages.
I made some buttons, and learnt how apparently I should use JS event listeners instead of onclick function calls from the html. I had some trouble implementing a timeout after clicking the button - I wanted it to do something, but only after 0.5 seconds. I therefore learnt how arrow functions work (a bit like lambda from python is what I thought).
I also know that there are “frameworks” for webdev, but I want to focus on understanding how the 3 langs interact with eachother before jumping into something seemingly more complicated.
I need to actually add the stopwatch now.
I haven’t worked on the layout yet - I wanted to focus on the functional part. This would be my next task.
I’ll then need to find a way to have a shared leaderboard for multiple user.
