Restaurant & Commande en ligne

Ember & Plate

Un site de restaurant où la commande atterrit sur le tableau de la cuisine.

● Démo en ligneNext.jsSupabaseBilingue EN/FRTableau de bord cuisine

edben-restaurant.vercel.app/en

La page d'accueil d'Ember & Plate affichée dans une fenêtre de navigateur desktop.

Pourquoi Ember & Plate existe

La plupart des sites de restaurant s'arrêtent à un menu PDF et un numéro de téléphone. Le client lit, appelle, et quelqu'un note la commande sur un carnet. Ember & Plate comble cet écart dans les deux sens : le client compose sa commande sur le site, choisit à emporter, en livraison ou sur place, et la cuisine la voit arriver sur un tableau qu'elle peut réellement exploiter.

De la table à la cuisine

Le client filtre le menu, ajoute des plats avec des notes et des quantités, puis commande à emporter, en livraison ou sur place. La commande apparaît sur le tableau de la cuisine dans la colonne Nouvelle, puis passe par En préparation, Prête et Terminée en un seul geste - sans ticket, sans téléphone, sans erreur de transcription.

Le menu d'Ember & Plate avec le panier ouvert : quantité, note par plat, sous-total et bouton de commande. — Ce que le client compose

Le tableau des commandes d'Ember & Plate, avec les colonnes Nouvelle, En préparation, Prête et Terminée. — Ce que la cuisine traite

La plupart des clients commandent depuis leur téléphone

Le menu, les filtres par catégorie, le panier et le paiement sont pensés pour le mobile d’abord, et non simplement rétrécis. Les photos des plats restent assez grandes pour donner envie, et la commande en cours reste accessible d’un seul pouce.

Le menu Ember & Plate sur téléphone, avec la barre de filtres par catégorie et une fiche plat affichant son prix remisé et un bouton d’ajout à la commande.

Le restaurant le gère lui-même

Le tableau de bord d’administration Ember & Plate : chiffre d’affaires, commandes, commandes en attente, réservations et panier moyen, au-dessus des graphiques sur sept jours. — Le tableau de bord du gérant. La journée s’ouvre sur un seul écran : le chiffre d’affaires en cours, le nombre de commandes, ce qui reste en attente et les tables réservées, avec les sept derniers jours en graphique à côté des plats qui se vendent vraiment.

Le tableau des plats dans le back-office d'Ember & Plate, avec vignettes, prix barrés, badges de statut et interrupteur de disponibilité. — Plats, prix, photos, catégories, codes promo et horaires d'ouverture sont tous modifiables depuis le back-office, dans les deux langues. Plus de côte de bœuf à 19 h ? Un clic sur l'interrupteur de disponibilité et le menu public se met à jour immédiatement.

Sous le capot

La stack et les décisions d'architecture derrière la plateforme.

Frontend: Next.js (App Router), design dark-first avec bascule vers un thème clair
Backend: Supabase (Postgres, authentification, stockage)
Commande: Panier avec note par plat, à emporter / livraison / sur place, codes promo, calcul des taxes, paiement au retrait
Cuisine: Tableau des commandes avec les états Nouvelle / En préparation / Prête / Terminée, plus une vue liste filtrable
Réservations: Réservation par nombre de couverts, date et créneau horaire, avec demandes particulières
Back-office: 11 modules : tableau de bord, commandes, plats, catégories, réservations, clients, promotions, avis, analytique, paramètres et compte
i18n: Français et anglais complets, sur le site public comme dans l'administration