Inspiration
As a team of IB students, we are all too familiar with an overload of work and procrastinating habits. During the coronavirus pandemic, we noticed that our peers and ourselves alike were overwhelmed with online schoolwork, and that our level of productivity severely decreased without the traditional educational setting.
Distractions and inability to focus became a recurrent problem, and we decided to work together and hold each other accountable. This led to study 'appointments,' which created a need for an interactive schedule on which we could set times and pair up. Here's where Matcha comes in.
What it does
Matcha is a website that allows users to create or join study groups. Once in a room, you can schedule a time slot in which you want to study, anytime from 7 am to 12 am. After you're booked, one other user can pair up with you in that time slot. Your next step is to call each other on a separate platform at that time and share your goals for the session. Don't forget to keep your camera on or screen share to make sure you are both hard at work, and then wrap it up after 50 minutes.
Matcha's responsive display makes sure you can see other users update the schedule in realtime, and its convenient database storing allows you to join multiple time slots from the current day to the next 5 five days. Feel free to leave your current group whenever with a simple click!
How I built it
Firebase allowed us to host our website and we were able to use their Realtime database, a key part in our project. We used Visual Studio Code's live sharing feature for smooth team coding. Our website was built using three languages: HTML, CSS, and JavaScript.
Challenges I ran into
- using firebase and understanding databases, nodes
- running into multiple bugs (and debugging and running into more)
- website displaying differently on different users laptops and different browsers
- not aligning or centering in the schedule
Accomplishments that I'm proud of
- learning how to use firebase, something that was completely foreign before this project
- teamwork skills were strengthened, we got through a lot together
- we worked hard the whole 48 hours, non-stop focus :)
- we managed to put together a whole website together from scratch
- animations!
What I learned
- How to use Firebase to host a web app
- Creating a a platform that updates in realtime
What's next for Matcha
- Improving support across multiple devices
- Adding automation to the platform (creating a discord bot)
- The ability to cancel meetings
- Better database clean up
Log in or sign up for Devpost to join the conversation.