Merge pull request #129 from RustyRory/feat/124-page-login

feat(next): Fixes #124 - Login & Register pages

Author: RustyRory

docs/README.md

@@ -13,7 +13,7 @@ Ce README agit comme un **sommaire détaillé**, expliquant le rôle de chaque d
 ## 🧭 Vue d’ensemble du projet
 
 - **Type de projet** : Site web + back-office
-- **Architecture** : MERN (MongoDB, Express, React, Node.js)
+- **Architecture** : MERN (MongoDB, Express, Next.js, Node.js)
 - **Public cible** : visiteurs, adhérents, bénévoles, administrateurs du club
 - **Objectif principal** : structurer et professionnaliser la présence numérique du club
 
@@ -148,7 +148,7 @@ Chaque dossier correspond à une étape clé du cycle projet, de l’idée au co
 
 ##  7. Backend
 
-**[docs/backend](./project/backend.md/)**
+**[docs/backend](./projet/backend/backend.md/)**
 
 ### Contenu
 - Installation et configuration de Node.js et Express
@@ -164,18 +164,169 @@ Chaque dossier correspond à une étape clé du cycle projet, de l’idée au co
 - Utiliser MongoDB de manière flexible, avec création automatique des bases et collections à l’insertion de documents
 - Permettre le développement rapide grâce à nodemon et à une configuration simple des routes et contrôleurs
 
-**[docs/scraping](./projet/scraping.md/)**
+**[docs/scraping](./projet/backend/scraping.md/)**
 
 ### Contenu
+- Analyse de la structure HTML du site FFVB
+- Identification des tableaux :
+  - Classement (standings)
+  - Matchs
+- Mapping HTML → objets JavaScript
+- Mapping JS → modèles MongoDB
+- Gestion des relations :
+  - Season
+  - Team
+  - Championship
+- Script de scraping avec Puppeteer + Cheerio
+- Upsert MongoDB (mise à jour sans doublons)
+- Normalisation des données
+- Gestion des erreurs
+- Automatisation (script manuel / cron / tâche admin)
 
 ### Objectifs
+- Automatiser la récupération des données sportives officielles
+- Garantir la cohérence des classements et matchs
+- Éviter les doublons en base
+- Permettre la mise à jour régulière des données
+- Préparer une future automatisation (cron ou tâche planifiée)
+- Respecter la structure et les contraintes du site FFVB
 
-**[docs/authentification](./project/auth.md/)**
+**[docs/authentification](./projet/backend/auth.md/)**
 
 ### Contenu
+- Modèle `User` (Mongoose)
+- Hashage sécurisé des mots de passe (bcrypt)
+- Méthodes intégrées (`setPassword`, `comparePassword`)
+- Routes :
+    - `/auth/register`
+    - `/auth/login`
+    - `/auth/me`
+- Middleware :
+    - Vérification JWT
+    - Vérification rôle (`requireRole`)
+- Gestion des rôles :
+    - admin
+    - editor
+    - user
+    - other
+- Routes d’administration :
+    - Activation compte
+    - Modification rôle
+- Seed admin automatique
+- Tests Postman
+- Sécurité (JWT expiration, comptes inactifs)
 
 ### Objectifs
+- Sécuriser l’accès au back-office
+- Garantir la protection des données utilisateurs
+- Implémenter un système RBAC (Role Based Access Control)
+- Permettre une validation des comptes par administrateur
+- Préparer une architecture évolutive (refresh token, audit logs)
+- Empêcher tout accès non autorisé aux routes sensibles
 
 --- 
 
-## 8. Frontend
+## 8. Frontend
+
+**[docs/frontend](./projet/frontend/frontend.md)**
+
+### Contenu
+- Installation Next.js (App Router)
+- Structure du projet (`app`, `components`, `lib`, etc.)
+- Configuration des variables d’environnement
+- Helper API centralisé
+- Communication frontend ↔ backend
+- Architecture globale MERN
+- Workflow inscription / connexion / admin
+- Bonnes pratiques (structure, scalabilité, organisation par feature)
+
+### Objectifs
+- Structurer le frontend de manière professionnelle
+- Centraliser les appels API
+- Préparer l’application à évoluer (ajout de fonctionnalités)
+- Assurer la cohérence avec le backend
+- Mettre en place une base scalable et maintenable
+
+**[docs/pages](./projet/frontend/pages.md)**
+
+### Contenu
+- Structure App Router
+- Organisation pages publiques
+- Organisation pages protégées
+- Layout global
+- Gestion des metadata SEO
+- Séparation logique :
+    - pages vitrine
+    - pages auth
+    - pages admin
+
+### Objectifs
+- Garantir une navigation claire
+- Séparer public / privé
+- Préparer l’optimisation SEO
+- Faciliter l’ajout de nouvelles pages
+- Maintenir une arborescence propre
+
+**[docs/login](./projet/frontend/login.md)**
+
+### Contenu
+- Flow complet d’authentification
+- Cookie httpOnly
+- Route Next proxy `/api/auth/login`
+- Route `/api/auth/me`
+- Middleware de protection
+- Vérification rôle côté layout admin
+- Route logout
+- Bonnes pratiques sécurité
+
+### Objectifs
+- Ne jamais exposer le JWT côté client
+- Sécuriser la session utilisateur
+- Protéger les routes sensibles
+- Gérer les rôles côté frontend
+- Garantir une authentification production-ready
+
+**[docs/dashboard](./projet/frontend/dashboard.md)**
+
+### Contenu
+- Structure `/admin`
+- Layout admin (sidebar + contenu)
+- Page gestion utilisateurs
+- Intégration routes API Next
+- Activation / modification rôle
+- Sécurisation via middleware
+- Évolutions futures (pagination, filtres, recherche)
+
+### Objectifs
+- Fournir un back-office sécurisé
+- Centraliser la gestion des comptes
+- Simplifier l’administration du club
+- Préparer une future gestion de contenu (CMS interne)
+- Assurer un contrôle strict des accès
+
+**[docs/vitrine](./projet/frontend/vitrine.md)**
+
+### Contenu
+- Liste complète des pages publiques :
+    - Accueil
+    - Club
+    - Équipes
+    - Actualités (+ slug)
+    - Partenaires
+    - Informations pratiques
+    - Galeries (+ id dynamique)
+    - Contact
+    - Mentions légales
+    - Politique de confidentialité
+    - Redirection SportEasy (licences / boutique)
+- Pages dynamiques
+- SEO par page
+- Formulaire contact
+- Évolutions futures (CMS, multilingue)
+
+### Objectifs
+- Professionnaliser la présence numérique du club
+- Structurer l’information pour les visiteurs
+- Optimiser le référencement naturel
+- Offrir une navigation claire et intuitive
+- Permettre l’évolution vers un CMS interne