📚 Site de Révisions Middleware - QCM

Site web de révision pour la matière Middleware avec des questions à choix multiples (QCM).

Auteurs

• Max
• Kilian

🚀 Démarrage

Installation des dépendances

npm install

Lancement en mode développement

npm run dev

Ouvrez http://localhost:3000 dans votre navigateur.

Build de production

npm run build
npm start

📁 Structure du projet

site_revisions/
├── app/                    # Pages Next.js
│   ├── layout.tsx         # Layout principal
│   ├── page.tsx            # Page d'accueil
│   └── globals.css         # Styles globaux
├── components/             # Composants React
│   ├── QuestionCard.tsx    # Carte de question QCM
│   └── ScoreDisplay.tsx   # Affichage du score
├── data/                   # Données
│   └── questions.ts        # Questions QCM
├── types/                  # Types TypeScript
│   └── question.ts         # Interface Question
└── package.json

🎯 Fonctionnalités

• ✅ Interface moderne et responsive
• ✅ Questions à choix multiples avec feedback immédiat
• ✅ Système de scoring en temps réel
• ✅ Mélange aléatoire des questions
• ✅ Affichage des thèmes par question
• ✅ Barre de progression
• ✅ Statistiques de performance

📝 Ajouter des questions

Modifiez le fichier data/questions.ts pour ajouter de nouvelles questions en suivant l'interface Question :

{
  id: number;
  theme: string;
  question: string;
  choices: string[];
  correctAnswer: number; // index dans choices
}

🛠️ Technologies utilisées

• Next.js 14 - Framework React
• TypeScript - Typage statique
• Tailwind CSS - Styling moderne
• React - Bibliothèque UI

🔨 Updates (by Kilian & Copilot)

Le projet a été restructuré afin de mieux séparer les responsabilités entre les différentes fonctionnalités.

• Mise en place de sous-classes dédiées pour les modules Quiz et Fiches

• Ajout d’un bouton HOME pour faciliter la navigation globale

• Adoption de l’architecture App Router de Next.js :

  • app/page.tsx → page d’accueil
  • app/quiz/page.tsx → page des quiz
  • app/fiches/page.tsx → page des fiches de révision

Cette organisation rend le projet plus lisible, plus maintenable et prêt pour des évolutions futures (nouvelles sections, rôles utilisateurs, etc.).