Studer - WebApp Tinder pour étudiants

Description

Lors de la "Wild Work Week" à l'université de Toulon, j'ai participé à un projet étudiant visant à valoriser la formation MMI (Métiers du Multimédia et de l'Internet) et les travaux réalisés par les étudiants. Au sein de mon équipe, composée de créateurs numériques et de communicants, j'étais le seul développeur. Notre mission était de créer une expérience web interactive et innovante en un temps très limité de seulement 3 jours. Le résultat de cette intense collaboration est "Studer", une application web inspirée par Tinder, où l'objectif est de "matcher" avec le parcours MMI préféré de l'utilisateur, qu'il s'agisse de création, développement ou communication. Cette approche ludique et interactive permet de mettre en lumière les divers aspects et spécialisations de la formation MMI de manière engageante. L'application "Studer" est structurée autour de la fonctionnalité principale de "cards", qui présentent les réalisations des étudiants du groupe. Les utilisateurs peuvent glisser les cartes vers la droite ou la gauche pour liker ou disliker chaque projet. Cette interaction n'est pas seulement ludique; elle permet également d'incrémenter un score invisible qui calcule les préférences de l'utilisateur en fonction de ses réactions aux différents projets. En plus de la navigation parmi les projets, les utilisateurs peuvent cliquer sur une carte pour accéder à plus de détails sur chaque réalisation. Ils peuvent en apprendre davantage sur le projet, poser des questions via un chatbot intégré et interagir de manière plus approfondie avec le contenu présenté. À la fin de l'expérience, l'application révèle les résultats de compatibilité, indiquant le parcours MMI — création, développement, ou communication — qui correspond le mieux aux préférences de l'utilisateur, basées sur ses interactions avec les projets. Ce résultat est accompagné d'options pour contacter les étudiants responsables des travaux qui ont le plus intéressé l'utilisateur, facilitant ainsi des échanges plus personnalisés et ciblés.

Technologies utilisées

HTML 5

CSS 3

JavaScript

React

Vite

MongoDB

Docker

Git

Liens associés