N Z A F O O D

Application de livraison de nourriture développée avec React.js

NzaFood est une plateforme de livraison de nourriture. L’application permet aux utilisateurs de découvrir une sélection de restaurants aux cuisines variées — japonaise, italienne, américaine et plus encore — avec une interface moderne et intuitive.

Chaque restaurant propose son menu détaillé, ses horaires, son adresse et sa localisation sur carte interactive. L’utilisateur peut composer son panier et passer commande directement depuis l’application.

---

🛠️ Stack technique

Frontend

Technologie	Version
React.js	18.3.1
React Router	7.1.3
Axios	1.7.9
Stripe (React)	3.1.1
Leaflet / React Leaflet	1.9.4 / 4.2.1
React Spring	9.7.5
Lucide React	0.474.0

Backend

Technologie	Version
Node.js	18.x
Express.js	4.21.2
JWT	9.0.2
bcryptjs	2.4.3
Stripe	17.5.0
dotenv	16.4.7

---

🔐 Fonctionnalités

• 🍽️ Liste de restaurants multi-cuisines
• 📋 Menu détaillé par restaurant
• 🗺️ Carte interactive de localisation (Leaflet + OpenStreetMap)
• 🕐 Horaires d’ouverture par restaurant
• 🛒 Gestion du panier
• 💳 Paiement en ligne sécurisé (Stripe)
• 🔐 Authentification utilisateur (JWT)
• 🎨 Animations fluides (React Spring)
• 🌙 Mode sombre

---

🛠️ Prérequis

1. Git

Téléchargez depuis git-scm.com puis vérifiez :

git --version

2. Node.js et npm

Téléchargez depuis nodejs.org puis vérifiez :

node --version
npm --version

3. Cursor (IDE recommandé)

Téléchargez depuis cursor.sh

---

📥 Installation

1. Clonez le repository :

git clone <votre-repo-url>
cd NzaFood

1. Installez les dépendances du backend :

cd backend
npm install

1. Configurez le backend — créez un fichier .env dans /backend :

PORT=5000
JWT_SECRET=votre_secret_jwt
STRIPE_SECRET_KEY=votre_cle_stripe

1. Installez les dépendances du frontend :

cd ../frontend
npm install

---

🚀 Lancement de l’application

1. Démarrer le backend :

cd backend
npm start

Le backend démarre sur http://localhost:5000

1. Démarrer le frontend :

cd frontend
npm start

Le frontend démarre sur http://localhost:3000

---

🏗️ Structure du projet

NzaFood/
├── backend/
│   ├── controllers/     # Logique métier
│   ├── models/          # Modèles de données
│   ├── routes/          # Routes API
│   ├── src/             # Code source principal (app.js)
│   └── tests/           # Tests
├── frontend/
│   ├── public/          # Fichiers statiques
│   └── src/
│       ├── assets/      # Images et ressources
│       ├── components/  # Composants React
│       ├── context/     # Contextes React
│       ├── pages/       # Pages de l'application
│       └── styles/      # Fichiers CSS

---

© 2026 NzaFood — by Entreprod