5.3 KiB
5.3 KiB
🅿️ Smart Parking
Système complet de gestion de parking intelligent avec authentification, réservation et paiement QR code
📋 Fonctionnalités
🔐 Authentification
- Inscription avec nom, email, téléphone et mot de passe
- Connexion sécurisée
- Gestion de profil
- Deux rôles : Client et Administrateur
🗺️ Carte du Parking
- 10 places visuelles (modifiable par l'admin)
- 3 états : Libre ✅, Occupée 🚗, Réservée 📅
- Mise à jour en temps réel
- Détails de chaque place au clic
📅 Système de Réservation
- Sélection de la place
- Choix de la date et heure
- Durée : 30min, 1h, 2h, 4h, Journée
- Saisie de la plaque d'immatriculation
💳 Paiement QR Code
- Génération de QR code unique
- Code de paiement affiché
- Confirmation du paiement
👤 Espace Client
- Consulter la carte des places
- Voir les tarifs
- Faire une réservation
- Voir l'historique des réservations
- Gérer son profil
⚙️ Panel Admin
- Voir toutes les statistiques
- Modifier le nombre de places
- Gérer l'état de chaque place
- Voir tous les utilisateurs
- Voir toutes les réservations
- Annuler/terminer des réservations
- Voir l'historique complet
💰 Tarifs
| Durée | Prix |
|---|---|
| 30 minutes | 2€ |
| 1 heure | 3€ |
| 2 heures | 5€ |
| 4 heures | 8€ |
| Journée (8h) | 15€ |
🚀 Installation
Prérequis
- Node.js 18+
- npm
Étape 1 : Installer les dépendances
cd server
npm install
Étape 2 : Démarrer le serveur
npm start
Pour le développement (avec redémarrage automatique) :
npm run dev
Étape 3 : Accéder au site
Ouvrir un navigateur et aller sur :
http://localhost:3000
🔑 Compte par défaut
Administrateur :
- Email :
admin@smartparking.fr - Mot de passe :
admin123
📁 Structure du projet
smart-parking/
├── index.html # Page de connexion/inscription
├── css/
│ ├── style.css # Styles globaux
│ ├── auth.css # Styles authentification
│ └── dashboard.css # Styles dashboard
├── js/
│ ├── auth.js # Gestion authentification
│ ├── dashboard.js # Gestion dashboard
│ ├── map.js # Carte des places
│ ├── reservation.js # Système de réservation
│ └── admin.js # Panel admin
├── pages/
│ └── dashboard.html # Dashboard principal
├── server/
│ ├── package.json # Dépendances Node.js
│ ├── server.js # Serveur principal
│ ├── db/
│ │ └── database.js # Gestion SQLite
│ ├── middleware/
│ │ └── auth.js # Middleware JWT
│ └── routes/
│ └── api.js # Routes API
└── README.md # Ce fichier
🔌 API REST
Authentification
| Méthode | Endpoint | Description |
|---|---|---|
| POST | /api/register |
Inscription |
| POST | /api/login |
Connexion |
Utilisateurs
| Méthode | Endpoint | Description |
|---|---|---|
| GET | /api/users |
Liste des utilisateurs (admin) |
| DELETE | /api/users/:id |
Supprimer un utilisateur (admin) |
Places
| Méthode | Endpoint | Description |
|---|---|---|
| GET | /api/spots |
Liste des places |
| PUT | /api/spots/:id/status |
Modifier le statut |
| POST | /api/spots/init |
Réinitialiser les places (admin) |
Réservations
| Méthode | Endpoint | Description |
|---|---|---|
| GET | /api/reservations |
Mes réservations |
| GET | /api/reservations/all |
Toutes les réservations (admin) |
| POST | /api/reservations |
Créer une réservation |
| PUT | /api/reservations/:id/cancel |
Annuler une réservation |
Statistiques
| Méthode | Endpoint | Description |
|---|---|---|
| GET | /api/stats |
Statistiques du parking |
| GET | /api/history |
Historique (admin) |
🛠️ Technologies utilisées
Frontend
- HTML5
- CSS3 (responsive)
- JavaScript vanilla
- Chart.js (graphiques)
- QRCode.js (génération QR)
Backend
- Node.js
- Express.js
- SQLite3
- JWT (authentification)
- bcryptjs (hashage mots de passe)
📱 Fonctionnement
Pour les clients :
- Créer un compte ou se connecter
- Consulter la carte des places disponibles
- Choisir une place libre
- Sélectionner date, heure et durée
- Scanner le QR code pour payer
- La place est réservée !
Pour l'administrateur :
- Se connecter avec le compte admin
- Accéder au panel Admin
- Voir toutes les statistiques
- Gérer les places (cliquer pour changer l'état)
- Modifier le nombre total de places
- Gérer les utilisateurs et réservations
🔒 Sécurité
- Mots de passe hashés avec bcrypt
- Authentification JWT
- Protection des routes sensibles
- Validation des données
📝 Notes
- Les données sont stockées dans SQLite (
server/db/smart-parking.db) - Le système fonctionne aussi en mode offline (stockage local)
- La simulation automatique change l'état des places toutes les 5 secondes
🅿️ Smart Parking - BTS CIEL IR 2025 🅿️