EauPure
BUT MMI — 2ᵉ année
- Laravel
- PHP
- Backpack
Conception et développement d’un site vitrine dynamique parodiant le catalogue produit d’une marque d’eau minérale, adossé à un back-office d’administration. L’application permet la consultation du catalogue et sa gestion réactive côté administration.
Le projet s’appuie sur le framework Laravel (PHP) pour l’architecture backend, combiné au package Backpack pour l’interface d’administration.
Le back-office intègre les fonctionnalités suivantes :
- Gestion du catalogue (CRUD) :
Édition de fiches produits structurées (catégories, promotions, saisie WYSIWYG) et création rapide d’éléments sans rechargement de page. - Sécurité & Accès :
Gestion des rôles et permissions selon le type de compte. - Supervision :
Tableau de bord avec graphiques et indicateurs clés d’activité.
Côté vitrine, le catalogue responsive propose un filtrage dynamique des produits par critères.
L’utilisation de Laravel et de Backpack sur ce projet met en évidence l’intérêt de s’appuyer sur des outils d’administration existants plutôt que de tout redévelopper à la main, avec un gain direct en rapidité de livraison et en fiabilité.
Dans le cadre de ma deuxième année de BUT MMI, j’ai mené un projet individuel consistant à créer un backoffice complet avec Laravel, accompagné d’un frontend simple pour afficher les données. Ce projet m’a permis de mettre en pratique mes compétences liées au déploiement et à la personnalisation d’applications web via un framework MVC (AC14.06) ainsi qu’à la mise en place d’un back office (AC24.02). L’idée était surtout de découvrir concrètement le fonctionnement de Laravel et de comprendre comment structurer un projet web dynamique du côté serveur.
Ce travail s’est déroulé dans un cadre universitaire, lors de travaux pratiques centrés sur la prise en main du framework. Après quelques explications théoriques, j’ai directement commencé la réalisation. Pour la partie frontend, j’ai repris la direction artistique de la marque Evian afin d’assurer une présentation claire et cohérente. Sur les conseils de l’enseignant, j’ai aussi intégré des graphiques et des statistiques pour rendre les données plus lisibles. Ce projet m’a ainsi permis d’apprendre à combiner les aspects visuels et techniques d’un site tout en explorant les différents modules de Laravel.
La mise en place du backoffice m’a conduit à développer plusieurs fonctionnalités utiles : une barre de traitement de texte dans les champs de saisie, un bouton de création rapide de produits pour ajouter directement un élément sans devoir changer de page, et un système de permissions adapté selon le type de compte connecté. Ces éléments ont rendu la gestion des données beaucoup plus fluide. Si je devais améliorer quelque chose aujourd’hui, ce serait sans doute la structure des fichiers, car je pense qu’il est possible de les organiser ou d’optimiser certaines parties du code.
Avant ce projet, je connaissais le mot « backoffice » sans vraiment savoir ce qu’il recouvrait. En le mettant en place, j’ai compris à quel point c’est un outil pratique, surtout quand tout fonctionne bien. Sa mise en œuvre demande du temps et pas mal de rigueur, mais le résultat en vaut clairement la peine. Grâce à cette expérience, je me sens désormais beaucoup plus à l’aise avec Laravel, et je sais que pour un futur projet du même type, je serai plus rapide et plus efficace.
Galerie
Vitrine EauPure — la gamme de bouteilles, direction artistique inspirée d'Evian
Back-office — tableau de bord et statistiques (articles, catégories, utilisateurs)
Back-office — édition d'un article avec barre de texte et création rapide de catégorie
Connexion au back-office (Backpack / Laravel)