-
-
Firebase Database
-
Lobby page for non-host
-
Lobby page for host
Inspiration
We had always planned to create real-time multiplayer games. The lobby implementation that we created for this event was meant to serve as the backbone of any future projects that we would have, as they could implement our support for multiple simultaneous games.
What it does
The lobby template allows for creation of lobby rooms, and joining and leaving of rooms.
How we built it
We used ReactJS, React Routing, and Redux for the front-end (with Material UI design), and used socket.io to communicate with a back-end NodeJS server. This NodeJS server then utilized Google Cloud through Firebase, which was used as a real-time database.
Challenges we ran into
Time was the biggest challenge; we underestimated the amount of time that certain tasks would take to do, which messed up our timeframe significantly. As well as this, we had issues with our version control system, Git, due to merge conflicts which resulted in us losing some of our code.
Accomplishments that we're proud of
We are proud of the minimalistic design of the UI, and the clean readability of the code. Most importantly, though, it works ... mostly.
What we learned
We learned that creating even the simplest of things, such as this lobby implementation, can be very complex and a very time-consuming endeavor.
What's next for Lobby Template
We hope to be able to implement this basic Lobby Template into any future real-time multiplayer games that we plan on creating.
Log in or sign up for Devpost to join the conversation.