In many online games, such as League of Legends, only text chat is available to communciate between players. Creating a discord server leads to additional hassle, as members would likely need to leave after, and could be saddled with pings.
getin.vc is a temporary VOIP (Voice Over Internet Protocol) lobby platform targeted towards gamers. Share a short join code and anyone can connect through their browser. Users can join a voice call and a text chat, in just two clicks. getin.vc contains features designed to make chatting easier like volume sliders for individual users, locking lobbies, and banning users.
- Quick & Easy - Join a voice call in just two clicks.
- Simple text chat.
- Banning functionality.
- All contained in your browser, no software necessary.
- Figma - User Experience/User Interface related construction
- Node.js - text chat and voice calling backend
- ReactCSS & TailwindCSS - Frontend UI/UX
- WebRTC - Voice calling support
- Socket.io - Communication between clients
- Fastify - Creation of web servers
- Firebase - Hosting of user and lobby information
We created the idea of getin.vc after thinking about the issues that we each faced in our lives. We quickly realized that the lack of a quick way to talk to teammates on text-only games was a hole that needed to be filled. We created a flow chart of what the project would need to do, and planned out the UI needed to achieve what we wanted on Figma.
After finishing our designs and waiting until the start of the hackathon, the coding begun. We faced many issues, as we were working on an unfamiliar type of application. We collaborated over Github and kept tabs on each other's progress to make sure everyone was able to succeed. We sent code, shared screens, and bounced ideas over Discord. We spent quite a few hours overnight finishing our application. (stuff in morning IDK)
We're especially proud of the implementation of a messaging syncing system, so that every user sees the same message at the same time. The implementation of a voice calling system was especially impressive to us, because it involved the usage of complicated libraries that we had to learn to use. We also somehow managed to work until 4:00 AM, which was a miracle by itself.
We learned how to use software like Figma to model our designs and to better envision our project. We learned how to utlize the WebRTC library to allow for voice communication between multiple users. In order to access and edit user and lobby information, we figured out how to Google Firebase with JavaScript. HooHacks 22 was truly an educational experience for us.
In the future, we plan to implement even more features into getin.vc, including but not limited to:
- Increasing audio quality in voice calls
- Software-based daemon to automatically generate getin.vc link into clipboard, and to automically join user into lobby when hotkey is pressed
- Ability for users to send media in the text chat
- Choose between mute and push-to-talk
- Botting protection