Skip to content

rcollas/versus-transcendence

Repository files navigation

ft_transcendence 42

Introduction

This is the final project of 42 School!

The project was realized in collaboration with @arolland, @lraffin, and @vbachelet. It consists in a website with a pong game, a chat, a leaderboard, a profile and a lot of other social features.

Creating this website was a truly challenging endeavor. It marked our first venture into web development, and we had to rapidly acquire a wealth of knowledge. We designed the website using Figma, coded the backend with NestJS, and the frontend with React.

The primary challenge we faced was mastering the fundamentals of web development:

  • Understanding what a REST API is and how to handle stateless client/server communication.
  • Grasping the key principles of responsive design.
  • Comprehending the concept of callbacks and their widespread use in JavaScript.
  • Familiarizing ourselves with decorators and hooks, which were initially quite perplexing.

At the outset, the task seemed almost insurmountable, but we persevered, supported one another, and, in the end, achieved our goal! But let the images tell the story:

Social pages

Screencast.from.25-09-2023.16.43.28.webm
Screencast.from.25-09-2023.16.45.28.webm

The Pong!

Let the battle begins!
Screencast.from.25-09-2023.16.37.49.webm
And the winner is...
Screencast.from.25-09-2023.16.40.33.webm

The chat

A basic channel
Screencast.from.25-09-2023.16.41.08.webm
Channel creation
Screencast.from.25-09-2023.16.41.58.webm
Direct message
Screencast.from.25-09-2023.16.42.46.webm
Light / Dark mode
Screencast.from.25-09-2023.16.44.48.webm

About

Final 42 school project! NestJS + React website

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Contributors 4

  •  
  •  
  •  
  •