Instant Café

Un e-commerce complet au parfum de café et de modernité

Contexte

En troisième année de BUT MMI, j’ai réalisé un site visant à découvrir Laravel, Inertia.js et Filament à travers la création d’un site e-commerce complet. J’ai imaginé Instant Café, une boutique fictive dont j’ai conçu l’ensemble du design avec Tailwind. Nous avons développé toutes les fonctionnalités essentielles : gestion des produits, panier, commandes, adresses, ainsi qu’un dashboard admin. Ce projet m’a permis d’approfondir la structure d’une application Laravel et de comprendre la logique entre back-end et front moderne.

Projet individuel

2 semaines

01/03/2025

Démarche

  • Réflexion et schéma de la BDD
  • Utilisation de la documentation en ligne

Les plus du projet

  • Approfondissement des compétences en Laravel
  • Découverte des outils Filament et Inertia

Technos utilisées

Dans le cadre d’un module de troisième année de BUT MMI, nous avons découvert et expérimenté plusieurs outils liés à l’écosystème Laravel, notamment Filament, Inertia.js et Jetstream. L’objectif du projet était de créer un site e-commerce complet, afin de mettre en pratique la gestion d’une application web moderne et structurée.

J’ai choisi le thème Instant Café, une boutique fictive autour du café, afin de donner au projet une identité visuelle chaleureuse et cohérente. J’ai conçu moi-même tout le design de l’interface, en m’appuyant sur Tailwind CSS pour obtenir un rendu moderne, clair et réactif.

Sur le plan technique, nous avons imaginé et construit toute la structure de la base de données : utilisateurs, produits, paniers, commandes, adresses, etc. Nous avons également découvert des fonctionnalités avancées de Laravel, comme les fakers, seeders, middleware, et la gestion des rôles administrateurs.

L’application comporte toutes les fonctionnalités essentielles d’un e-commerce :

  • gestion des produits (CRUD complet),
  • panier dynamique,
  • processus de commande,
  • authentification et espace utilisateur,
  • gestion des adresses,
  • tableau de bord administrateur grâce à Filament, permettant de gérer les clients, produits et commandes.

Le front-end est géré grâce à Inertia.js, offrant une expérience fluide et moderne sans API REST.
Ce projet m’a permis d’approfondir le fonctionnement interne de Laravel, de comprendre l’organisation d’une application web complète et d’allier conception visuelle et développement back-end dans un projet concret et structurant.