🎯 Studio E - Administration des inscriptions

Application d'administration pour gérer les inscriptions de l'école de danse Studio E.

📋 Fonctionnalités

• ✅ Dashboard avec statistiques en temps réel
• ✅ Liste des inscriptions avec filtres et recherche
• ✅ Détails complets de chaque inscription
• ✅ Actions : valider, refuser, archiver
• ✅ Export Excel pour la comptabilité
• ✅ Authentification sécurisée
• ✅ Interface responsive

🚀 Installation

# Installer les dépendances
npm install

# Configurer les variables d'environnement
cp .env.local.example .env.local

⚙️ Configuration

Éditez le fichier .env.local :

# Neon Database (même connexion que le site public)
DATABASE_URL=votre_url_neon_database

# Mot de passe admin (à changer en production)
ADMIN_PASSWORD=VotreMotDePasseSecurise

Important : Utilisez la même DATABASE_URL que le site public pour accéder à la même base de données.

🔧 Développement

# Lancer le serveur de développement
npm run dev

Ouvrez http://localhost:3000 et connectez-vous avec le mot de passe configuré.

📦 Déploiement sur Vercel

1. Créer un nouveau projet Vercel

   vercel

2. Configurer les variables d'environnement dans Vercel :

   • DATABASE_URL : URL de votre base Neon
   • ADMIN_PASSWORD : Mot de passe admin sécurisé

3. Déployer

   vercel --prod

🔐 Sécurité

• Authentification par mot de passe
• Cookie HTTP-only sécurisé
• Session de 24 heures
• Middleware de protection des routes
• Variables d'environnement chiffrées sur Vercel

📊 Utilisation

Connexion

Accédez à l'URL de l'application et entrez le mot de passe admin.

Dashboard

Visualisez les statistiques :

• Total des inscriptions
• Inscriptions en attente
• Inscriptions validées
• Inscriptions refusées
• Revenu total

Gestion des inscriptions

• Rechercher : par nom d'élève ou email
• Filtrer : par statut (en attente, validé, refusé, archivé)
• Voir les détails : cliquez sur "Détails"
• Changer le statut : valider, refuser ou archiver

Export Excel

Cliquez sur "Export Excel" pour télécharger un fichier Excel avec toutes les inscriptions filtrées.

🔄 Synchronisation automatique

Le fichier lib/planning-data.ts est un lien symbolique vers le fichier du site principal :

lib/planning-data.ts -> ../../studio-e-danse/src/lib/planning-data.ts

Avantages :

• ✅ Toute modification des cours dans le site principal est automatiquement reflétée dans l'admin
• ✅ Une seule source de vérité pour les horaires et informations des cours
• ✅ Pas de duplication de code ni de risque de désynchronisation

Important : Si vous déployez l'admin sur un serveur différent du site principal, vous devrez synchroniser manuellement ce fichier ou utiliser un package npm partagé.

🛠️ Technologies

• Next.js 16 - Framework React
• TypeScript - Typage statique
• Tailwind CSS - Styles
• shadcn/ui - Composants UI
• Neon Database - PostgreSQL serverless
• xlsx - Export Excel
• date-fns - Gestion des dates
• Lien symbolique - Synchronisation automatique des données de planning

📝 Structure

studio-e-danse-admin/
├── app/
│   ├── api/
│   │   ├── auth/          # Authentification
│   │   ├── inscriptions/  # CRUD inscriptions
│   │   ├── stats/         # Statistiques
│   │   └── export/        # Export Excel
│   ├── login/             # Page de connexion
│   └── page.tsx           # Dashboard principal
├── components/ui/         # Composants shadcn
├── lib/
│   ├── neon.ts           # Connexion base de données
│   ├── types.ts          # Types TypeScript
│   └── utils.ts          # Utilitaires
└── middleware.ts         # Protection des routes

🔗 Liens

• Site public : studio-e-danse.vercel.app
• Base de données : Neon Database (partagée avec le site public)

📞 Support

Pour toute question, contactez l'administrateur système.