Online Board Game Framework with Real-time Chat and Lobby System

Our Board Game Framework is a comprehensive solution for creating and managing board games online. Built using Vite for the frontend and Node.js for the backend, this framework provides a generic frontend that can support multiple games without changing the frontend code. Using Express.js and Socket.io, we created a reliable connection between the frontend and backend, allowing players to join a game, communicate with each other, and view game progress in real-time.

We developed for multiple platforms, including web and desktop, using Electron. This means that players can enjoy the framework on any device, whether it's a desktop computer, laptop, or mobile device.

In addition to supporting multiple games, our framework includes several features to enhance the user experience. We implemented a chat system to allow players to communicate with each other during gameplay, a lobby system that allows players to join and leave games, and an avatar selection feature that lets players customize their in-game appearance. With our framework, users can create, join, and play games with ease.

Login Page

Lobby

Game Room

Responsive Design

My responsibilities

As a key member of the development team, I was responsible for developing the majority of the frontend. This included setting up the frontend, styling it, and connecting it to the backend. I also contributed to the backend development by handling events, setting up APIs, and working on the architecture with the team.