Retour aux projets
Livraison client

Winbay

Contribution privée à une place de marché pour le client Winbay de White Bay, avec une vitrine en français, des comptes clients, des flux de commande et de paiement, et un back-office Laravel/Inertia.

InterneAucun dépôt publicContribution à une place de marché et à son back-office / 2025

Problème

Une place de marché d'achats groupés a besoin d'une vitrine complète et d'un back-office pour les vendeurs, produits, annonces, commandes, paiements, remboursements, notifications et contenus.

Solution

Associer une vitrine Next.js à des API Laravel et à un tableau de bord Laravel/Inertia. Le backend gère l'authentification, les rôles, les services métier, les médias, l'état des commandes, les paiements SATIM et les tableaux de bord.

Fonctionnalités clés

Vitrine publique de la place de marché en français avec recherche, navigation, groupes flash, catégories principales, annonces, contact et pages légales
Authentification des clients par e-mail/mot de passe, avec connexion sociale Google et Apple
Espace compte pour le profil, le mot de passe, les adresses, les favoris, les notifications, les commandes en cours, l'historique des commandes, les reçus et les évaluations
Catalogue d'annonces avec filtres, tri, offres liées, notes des vendeurs, favoris et vérification de disponibilité à la commande
Parcours de paiement : saisie de l'adresse de livraison, création de la commande, génération du lien de paiement, confirmation du paiement et envoi du reçu
Back-office Laravel/Inertia pour les utilisateurs, produits, annonces, catégories, notifications, commandes et gestion du profil
Couche de rôles et de permissions pour les comportements admin/vendeur/client avec Sanctum, Socialite et Spatie Permission
Pipeline de médias pour les galeries de produits et les couvertures d'annonces avec Spatie Media Library
Analyses de tableau de bord pour les utilisateurs, commandes, annonces, fournisseurs, commissions et tendances des commandes

Rôle

Contribution professionnelle chez White Bay Limited, pour son client Winbay. Le dépôt privé reste sans lien ; cette entrée utilise des captures d'écran anonymisées et des notes d'architecture.

Stack

Next.js 15React 18TypeScriptMUIEmotioni18nextLaravel 11Inertia.jsViteTailwind CSSSanctumSocialiteSpatie Query BuilderSpatie Media LibrarySpatie PermissionSATIMChart.jsApexCharts

Liens

Aucun lien public disponible.

Schéma d'architecture

Mermaid
flowchart TB
  Buyer["Acheteur / participant à un groupe"] --> PublicStore["Place de marché Next.js"]
  PublicStore --> Catalog["Annonces, groupes flash, catégories, recherche"]
  PublicStore --> Account["Authentification, profil, favoris, commandes, adresses"]
  PublicStore --> Checkout["Paiement et flux de paiement SATIM"]
  PublicStore --> ProxyApi["Route handlers Next.js"]
  ProxyApi --> LaravelApi["API JSON Laravel"]
  Admin["Espace administrateur / vendeur"] --> InertiaDashboard["Tableau de bord Laravel + Inertia"]
  InertiaDashboard --> Backoffice["Utilisateurs, produits, annonces, commandes, notifications, catégories"]
  LaravelApi --> Domain["Services métier de la place de marché"]
  Backoffice --> Domain
  Domain --> Products["Produits et galerie de médias"]
  Domain --> Announcements["Annonces validées et offres d'achat groupé"]
  Domain --> Orders["Cycle de vie des commandes, livraison, annulation, remboursement"]
  Domain --> Payments["Enregistrements de paiement et intégration SATIM"]
  Domain --> Notifications["Notifications par e-mail et dans l'application"]
  Products --> Media["Spatie Media Library"]
  Domain --> Auth["Sanctum, rôles, authentification sociale"]
  Domain --> Database[("Base de données SQL")]
  Payments --> Satim["Passerelle de paiement SATIM"]
  Notifications --> Mail["Envoi d'e-mails / reçus"]

Captures d'écran : Winbay

4 vues
Page d'accueil de la place de marché publique : la coque de vitrine en français, la recherche, la navigation, l'offre mise en avant, les groupes flash et les catégories principales.
Écran d'authentification des clients avec connexion classique et points d'entrée Google et Apple.
Tableau de bord du back-office avec les indicateurs de la place de marché pour les utilisateurs, commandes, annonces, fournisseurs, commissions et l'analyse des commandes.
Workflow de création de produit depuis la surface d'administration : prix, affectation de catégorie et de fournisseur, description en texte riche et import d'images.