About Pong Game
Pong Game was built as a 5-person team project for Transcendence, 42 Seoul’s final assignment.
We ran the project from September 2023 through December 2023 — three months from start to finish.
For this assignment, we built a website for playing ping-pong games. We implemented login via the 42 OAuth API and real-time data communication over WebSockets, and built out chat and gameplay features on top of it.
UI/UX Design
Before building Pong Game, we started with UI/UX design. We used Figma to define the app’s layout and color palette ahead of full-scale development.
To implement the assignment’s spec, we designed the user profile page, friends page, chat page, and game page in Figma.
Defining the API Endpoints and WebSocket Spec
We then defined the API endpoints and WebSocket spec so the backend and frontend could communicate with each other.
ER Diagram
We designed the DB schema for the backend to use.
Unlike direct messaging, channel-based chat doesn’t create a separate table to persist chat messages.
Tech Stack
From there, we split into frontend and backend work.
We used TypeScript throughout, with Next.js as the frontend framework and NestJS as the backend framework.