React + Vite
This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.
Currently, two official plugins are available:
React Compiler
The React Compiler is not enabled on this template because of its impact on dev & build performances. To add it, see this documentation.
Expanding the ESLint configuration
If you are developing a production application, we recommend using TypeScript with type-aware lint rules enabled. Check out the TS template for information on how to integrate TypeScript and typescript-eslint in your project.
Backend / MongoDB / Auth / Paiement / Dashboard
Ce projet inclut maintenant une API Node/Express, une base de données fonctionnelle (MongoDB ou en mémoire), authentification JWT, gestion de vendor et admin, et toasts notifications.
1️⃣ Démarrer l'application
Frontend
npm install
npm run dev
Backend
cd server
npm install
$env:PORT=5001 # ou PORT=5001 en Linux/Mac
npm run dev
:point_right: MongoDB optionnel : si MongoDB n'est pas disponible, le serveur basculera automatiquement en mode offline avec base de données en mémoire.
2️⃣ Architecture & Flux
Base de données
- Mode online : MongoDB (configure MONGO_URI dans
.env)
- Mode offline : base de données en mémoire (
server/db/offlineDB.js)
- Auto-détection et fallback intelligent
Authentification
- Register/Login via
src/pages/{Register,Login}.jsx
- JWT tokens stockés dans localStorage
- Rôles :
user (vendeur), admin (modérateur)
- Premier compte créé = admin automatiquement
Flux vendeur/admin
-
Vendeur :
/vendor → publier véhicule/vendor/dashboard → voir ses annonces + statuts/stats → ses statistiques personnes
-
Admin :
/admin → valider/refuser annonces/stats → statistiques globales (revenue, total bookings, etc.)
3️⃣ Routes API
Auth (/api/auth)
POST /register - inscriptionPOST /login - connexionGET /me - profil connecté
Vehicules (/api/vehicles)
GET / - liste approuvée (public)GET /mine - mes véhicules (auth)GET /pending - en attente (admin)POST / - créer (auth)PATCH /:id/status - valider (admin)
Réservations (/api/bookings)
GET / - mes réservations (auth)POST / - créer réservation (auth)
Paiements (/api/payments)
POST /checkout - simulateur (à remplacer par Stripe)
4️⃣ Fonctionnalités implémentées
✅ Auth JWT + rôles
✅ Dashboard vendor + stats
✅ Admin panel + validation
✅ Notifications toasts (success/error/info)
✅ Fallback offlineDB
✅ Catalogue + filtres
✅ Réservations & paiements (base)
✅ Profile utilisateur
5️⃣ Configuration .env (serveur)
MONGO_URI=mongodb://localhost:27017/vitauto # optionnel
JWT_SECRET=your_jwt_secret_here
PORT=5001
STRIPE_SECRET_KEY=your_stripe_secret_key # optionnel
6️⃣ Prochaines étapes
