Logo Marty BertrandPortfolio MB
Retour aux réalisations
Projet privé
React
Vite
Supabase
PWA
TypeScript
Mobile-first

Gestion de stock — Restauration

App métier PWA — stock, alerting & commandes en temps réel

Gestion de stock — Restauration
// 01 — Contexte

Contexte & enjeux

Solution sur-mesure développée pour un client restauration : centraliser le stock, anticiper les ruptures et fluidifier les opérations au quotidien — du bureau à la cuisine.

// 02 — Problème

Problème initial

Centraliser le stock multi-zones (bureau / cuisine), anticiper les ruptures et tracer les commandes fournisseurs avec une UX utilisable sur tablette en environnement contraint.

// 03 — Stack

Stack technique & choix

  • React

    Brique technique de la solution

    Retenu pour l'équilibre performance, maintenabilité et adéquation au besoin métier.

  • Vite

    Brique technique de la solution

    Retenu pour l'équilibre performance, maintenabilité et adéquation au besoin métier.

  • Supabase

    Brique technique de la solution

    Retenu pour l'équilibre performance, maintenabilité et adéquation au besoin métier.

  • PWA

    Brique technique de la solution

    Retenu pour l'équilibre performance, maintenabilité et adéquation au besoin métier.

  • TypeScript

    Brique technique de la solution

    Retenu pour l'équilibre performance, maintenabilité et adéquation au besoin métier.

  • Mobile-first

    Brique technique de la solution

    Retenu pour l'équilibre performance, maintenabilité et adéquation au besoin métier.

// 04 — Défis

Défis techniques

  • Mode Admin

    Tableau de bord complet : catalogue produits, seuils d'alerte, valorisation du stock, synthèse des mouvements et pilotage des commandes fournisseurs.

  • Mode Cuisine

    Interface tactile pensée tablette et mobile pour enregistrer rapidement les entrées et sorties de stock directement en cuisine, sans friction.

  • Alerting & seuils

    Surveillance automatique des niveaux de stock avec alertes visuelles dès qu'un produit passe sous le seuil défini.

  • Commandes & approvisionnement

    Suivi des commandes fournisseurs et traçabilité des mouvements pour garder une vision fiable de l'inventaire.

// 05 — Architecture

Schéma & architecture

PWA React (Vite) — modes Admin & Cuisine
        ↓
Supabase (Postgres + Auth + Realtime)
        ↓
Alertes seuils · mouvements de stock · commandes
// 06 — Code

Extraits pertinents

Écoute temps réel des mouvements (exemple)

supabase
  .channel("stock-movements")
  .on(
    "postgres_changes",
    { event: "*", schema: "public", table: "stock_movements" },
    (payload) => refreshDashboard(payload)
  )
  .subscribe();
// 07 — Résultat

Résultat & impact

App métier PWA — stock, alerting & commandes en temps réel

Application métier non accessible publiquement — détails disponibles sur demande.

Discuter d'un projet similaire