-
-
Landing Page
Inspiration
I've always enjoyed having those lofi hip hop radio - beats to relax/study to (you know exactly which one I'm talking 😅) going in the background while studying. I then realized having persons there virtually helped keep me accountable and the fact that I can jump in and stay for as little and as long as I liked made me use it as a psuedo-pomodoro.
What it does
It's a drop in social study space. There's a continuous pomodoro timer running with study and cool down periods. It also shows how many people are on at any point. The time is in sync for everybody so you can jump on with friends and do 1 session of studying or stay for just a few minutes.
How we built it
I created the front end with React and used Tailwind CSS for styling. It's hosted on Vercel. The backend was created using the Colyseus framework that's built with Node/Express. I specifically used it for websockets. I hosted it on AWS ElasticBeanstalk and setup a .ebextension to get HTTPS using LetsEncrypt.
Challenges we ran into
It was my first time using Colyseus so it took a little getting used to. Figuring out how to keep all the clocks within 3 seconds of each other took some effort as well but with the power of documentation I was able to get it done!
Accomplishments that we're proud of
I'm most proud of getting Colyseus up and running. I was pretty new to it but after some effort and going through the code samples, I got the hang of it.
What we learned
I learned about synchronizing clients using websockets & some of the challenges involved in doing that.
What's next for Club Pomodoro
I want to add a few more features:
- Lo-Fi beats!
- A chat section
- The ability to create your own private rooms
Log in or sign up for Devpost to join the conversation.