Platform de commande en ligne pour le restaurant Grace Divine avec intégration mobile money africain.
- ✅ Menu public - Affichage des plats avec photos optimisées
- ✅ Dashboard admin - Gestion des plats et commandes
- ✅ Panier - Système de panier client
- ✅ Paiements - Mobile Money (Moov, MTN, Orange, Wave) + Espèce
- ✅ Livraison - Sur place ou livraison avec adresse
- ✅ Commandes - Gestion client + admin
- ✅ Authentification - Firebase Auth
- ✅ Image Service - Intégration du service d'images personnalisé
- Node.js v18+
- Firebase project
- Image-Service (http://localhost:3000)
# Cloner le repo
git clone https://github.com/5yn0r/grace-divine.git
cd grace-divine
# Installer les dépendances
npm install
# Configurer les variables d'environnement
cp .env.example .env.local
# Éditer .env.local avec tes credentials Firebasenpm run dev
# App accessible sur http://localhost:3000grace-divine/
├── app/
│ ├── page.tsx # 🏠 Accueil
│ ├── menu/page.tsx # 🍴 Menu public
│ ├── admin/page.tsx # 📊 Dashboard admin
│ ├── api/ # 🔌 API routes
│ └── layout.tsx # Layout global
├── lib/
│ └── firebase.ts # Configuration Firebase
├── components/ # ⚛️ Composants réutilisables
├── package.json
└── .env.example
- Setup NextJS + Firebase
- Menu public avec Firestore
- Image-Service integration
- Panier client
- Dashboard admin
- Upload plats + photos
- Gestion des plats
- Mobile Money (Moov, MTN, Orange, Wave)
- Paiement espèce
- Confirmation commande
- Sélection: Sur place / Livraison
- Formulaire adresse (si livraison)
- Géolocalisation
Voir .env.example pour la liste complète. Les variables clés:
NEXT_PUBLIC_FIREBASE_API_KEY=...
NEXT_PUBLIC_IMAGE_SERVICE_URL=http://localhost:3000
NEXT_PUBLIC_RESTAURANT_SLUG=grace-divine
NEXT_PUBLIC_WHATSAPP_PHONE=+226XXXXXXXXX
- Moov Money - Burkina Faso
- MTN Money - Afrique de l'Ouest
- Orange Money - Afrique de l'Ouest
- Wave - Afrique de l'Ouest
- Espèce - Paiement à la livraison
- ✅ Sur place - Pas de frais
- ✅ Livraison - Adresse géographique requise + frais de livraison
- Frontend: NextJS 14, TypeScript, Tailwind CSS
- Backend: Firebase (Auth + Firestore)
- Images: Custom Image-Service
- Paiements: Mobile Money APIs
- Hosting: Vercel (NextJS) + VPS (Image-Service)
Pour les problèmes ou suggestions, créez une issue sur GitHub.
MIT