Cette application web a été réalisée avec les technologies suivantes : Next.js, React, TypeScript, Node.js, Tailwind CSS, Prisma ORM, PostgreSQL...

En savoir plus

ft_transcendence

Ce projet est centré sur la conception, le développement et l'organisation d'une application web complète.

Présentation du projet

Ft_transcendence est le dernier projet du tronc commun de l'école 42.

L'objectif est de créer une application web monopage (ou "Single Page Application" en anglais) permettant de jouer au célèbre jeu Pong de 1972.

Ce site web doit permettre aux utilisateurs de :

  • Créer un compte et se connecter,

  • Jouer à une partie de Pong en local sur le même ordinateur (à 2 participants),

  • Jouer en remote au sein d'une même partie à 2 ou 4 joueurs,

  • Participer à un tournois à 4 joueurs sur le même ordinateur,

  • Consulter et modifier leur profil,

  • Consulter l'historique de leurs parties avec de la visualisation de données.

Cette liste est non exhaustive.

Organisation du groupe et répartition des tâches

ft_transcendence est un projet qui se réalise en groupe, entre 3 et 5 personnes.

Nous avons choisi de le faire à 5 et découper le projet selon les parties suivantes :

  1. Back-end -> base de données et API,

  2. Front-end -> interfaces, parcours utilisateurs et routage,

  3. Jeu Pong -> parties multi joueurs et sockets,

  4. Authentification sécurisée -> JWT et double authentication (2FA),

  5. DevOps -> infrastructure, monitoring et logs

Mon rôle dans ce projet

Au sein de ce groupe, j’ai travaillé sur la couche front-end à l’exclusion des sockets (il s'agit d'une compétence que j'ai pu développer grâce au projet Webserv).

Mon rôle a été :

  • D'intégrer toutes les interfaces utilisateurs via Tailwind CSS,

  • Définir les parcours utilisateurs via la création d'un prototype sous Figma Design,

  • Implémenter le routage des différentes pages/vues sans recharchement complet en Vanilla JS (JavaScript sans framework),

  • Récupérer les données du back-end via les endpoints de l'API afin de les restituer aux utilisateurs.

Il s'agit d'un rôle très transverse qui a nécessité de collaborer avec l'ensemble des membres du groupe, à l'exception de la partie DevOps.

Ce projet m'a également permis de travailler en TypeScript, une surcouche du langage JavaScript fortement typée.

Parce qu'une image vaut mille mots

image
image
image
image
image
image
Chargement des données
Chargement des données
Chargement des données

Vous souhaitez découvrir le code de ce projet et le tester par vous-même ?

Projets similaires

Ce projet vous semble similaire au vôtre ?

Si vous pensez que les compétences développées grâce à ce projet pourraient être utiles au vôtre, vous pouvez me contacter grâce au bouton ci-dessous.

Prenons rendez-vous

Vous souhaitez découvrir d’autres projets ?

Projet ft-transcendence | Romain Kassel | Portfolio