Vapeur
Développement d'une application web de gestion de jeux vidéo
2025
Lors de ma deuxième année de BUT informatique, j'ai développé une application web dynamique nommée Vapeur. Réalisé avec Express.js, Handlebars, SQLite et Prisma, ce projet avait pour objectif de permettre la gestion d'une collection de jeux vidéo. L'application offre la possibilité de consulter, ajouter, modifier et supprimer des jeux, tout en gérant leurs genres et leurs éditeurs. Les genres principaux sont automatiquement créés dans la base de données au démarrage de l'application afin de garantir son bon fonctionnement.
- - Développement du backend : Concevoir les routes, traitements et fonctionnalités de l'application avec Express.js
- - Gestion de la base de données : Modéliser et manipuler les données avec SQLite et Prisma
- - Développement des interfaces : Créer les pages dynamiques avec le moteur de templates Handlebars
- - Gestion des jeux vidéo : Mettre en place les fonctionnalités d'ajout, de modification, de suppression et de consultation des jeux
- - Gestion des genres et éditeurs : Associer chaque jeu à son genre et à son éditeur
- - Validation et tests : Vérifier le bon fonctionnement de l'application et la cohérence des données
Capture d'écran du rendu de la page pour modifier un jeu
étapes
Modélisation des entités Jeux, Genres et Éditeurs ainsi que de leurs relations avec Prisma et SQLite
Création du serveur Express.js, des routes et des fonctionnalités permettant de gérer les jeux vidéo
Création des pages dynamiques avec Handlebars pour afficher, ajouter, modifier et supprimer les données
Vérification du fonctionnement des fonctionnalités CRUD, correction des erreurs et validation des données
Capture d'écran du rendu de la page de détail d'un jeu
Capture d'écran du code pour l'affichage de la liste de jeu
compétences
techniques
- - Express.js : Développement du serveur web et des routes de l'application
- - SQLite : Conception et gestion d'une base de données relationnelle
- - Prisma : Manipulation des données à travers un ORM moderne
- - Handlebars : Création d'interfaces web dynamiques
- - CRUD : Mise en œuvre des opérations de création, consultation, modification et suppression
transversales
- - Analyse des besoins : Compréhension et respect du cahier des charges
- - Organisation : Structuration du projet entre base de données, backend et interface utilisateur
- - Débogage : Identification et correction des erreurs de fonctionnement
- - Collaboration en groupe : Répartition des tâches et communication au sein d'une équipe de huit personnes
humaines
- - Rigueur : Garantie de la cohérence des données et des relations entre entités
- - Autonomie : Développement et résolution des problématiques techniques rencontrées
- - Persévérance : Recherche de solutions face aux difficultés liées au développement web
academiques
- - Competence 1 : Réaliser un développement d'application
- - Competence 4 : Gérer des données de l'information
- - Competence 5 : Conduire un projet
- - Competence 6 : Collaborer au sein d'une équipe informatique
Ce projet m'a permis de découvrir le développement d'applications web complètes en combinant un serveur Express.js, une base de données SQLite et l'ORM Prisma. J'ai renforcé mes compétences en conception de bases de données relationnelles, en développement backend et en génération dynamique de pages web. Cette expérience m'a également permis de mieux comprendre l'architecture d'une application web moderne et les interactions entre les différentes couches d'un projet.
plus d'images
Capture d'écran du rendu de la page d'accueil
Capture d'écran du rendu de la page de la liste des éditeurs
Capture d'écran de la base de données des jeux