Versus

Landing page de VERSUS
Aperçu de la landing page de Versus (version sombre)

VERSUS est un projet que j’ai réalisé pour l’obtention de mon titre professionnel de développeuse web. À l’initiative de ce projet, je voulais créer une plateforme communautaire pour organiser des événements de jeux vidéo (tournois, serveurs, speedruns, etc.). Le développement s’est déroulé sur un mois, et j’ai été accompagnée de quatre autres développeurs issus de ma formation chez O’Clock.

L’objectif était de nous mettre dans des conditions proches du cadre professionnel. Nous nous sommes organisés autour de la méthode agile et avons découpé notre mois en 4 sprints.

Nous avons conçu Versus pour livrer une première version minimalement fonctionnelle où un utilisateur pouvait :

  • Créer un compte et gérer ses préférences (type d’événement préféré, jeux joués)
  • Créer un événement, configurer et personnaliser la page de son événement, et gérer ses participants
  • Trouver un événement en fonction de ses préférences et s’inscrire
Aperçu de la page de présentation d'un événement
Aperçu de la page de présentation d'un événement

Je me suis concentrée sur la réalisation de l’interface de Versus (expérience utilisateur optimale, intégration visuelle) ainsi que sur les fonctionnalités liées aux événements : la création d’événements par un utilisateur, leur configuration, puis leur publication. J’ai travaillé sur de nombreux formulaires pour enregistrer les informations des utilisateurs et les afficher sur des pages dynamiques. J’ai accordé une attention particulière à la transmission sécurisée des données via l’API.

Code source de la page de configuration d'un événement
Code source de la page de présentation d'un événément

Ce projet m’a permis de couvrir une grande partie des étapes du développement d’un site :

  • Phase de conception : rédaction du cahier des charges (cibles, problèmes, solutions), liste des fonctionnalités, réalisation des wireframes, création de la base de données
  • Développement front-end : intégration statique et responsive de la plateforme, développement de l’interface dynamique et des fonctionnalités utilisateur
  • Développement back-end : développement des modèles d’accès aux données, création de l’API, sécurisation des données utilisateur
Aperçu de la page de configuration d'un événement
Aperçu de la page de configuration d'un événement