ft_transcendence
This project is centered around the design, development and organization of a full-stack web application.
Project overview
Ft_transcendence is the last project of the 42 School core curriculum.
The goal is to create a single-page application (SPA) allowing users to play the famous Pong game from 1972.
This web application should enable users to:
-
Create an account and log in,
-
Play a Pong game locally on the same computer (with 2 players),
-
Play remotely in the same game with 2 or 4 players,
-
Participate in a 4-player tournament on the same computer,
-
View and edit their profile,
-
Check their game history with data visualisation.
This list is not exhaustive.
Group organization and task assignment
ft_transcendence is a group project involving between 3 and 5 people.
We decided to do it with five people and to divide the project into the following parts:
-
Back-end -> database and API,
-
Front-end -> interfaces, user flows and routing,
-
Pong game -> multiplayer games and sockets,
-
Secure authentication -> JWT and two-factor authentication (2FA),
-
DevOps -> infrastructure, monitoring and logs
My role in this project
Within this group, I worked on the front-end layer, excluding sockets (this is a skill I have been able to develop through the Webserv project).
My role was to:
-
Integrate all user interfaces using Tailwind CSS,
-
Define user flows by creating a prototype with Figma Design,
-
Implement routing for different pages/views without a complete reloading in Vanilla JS (JavaScript without framework),
-
Retrieve data from back-end through API endpoints in order to deliver it to users.
This was a very cross-functional role that required collaboration with all members of the group, excluding the DevOps part.
This project also allowed me to work with TypeScript, a strongly typed overlay of the JavaScript language.
Because a picture speaks a thousand words






Would you like to check out the project code and test it by yourself?
Similar projects
webserv
The goal of this project is to create its own HTTP server. It should be inspired by Nginx and run...
Inception
This project aims to expand its knowledge of system administration using Docker. It requires the...
Portfolio en Next.js
My first personal project following the completion of the 42 School core curriculum. It aims to...
This project seems similar to yours?
If you think that skills developed through this project could be useful to your own project, please contact me using the button below.