EduConnect - Plateforme Éducative

Description

EduConnect est un SaaS moderne pour les enseignants qui veulent gérer leurs classes et partager du contenu avec leurs élèves. Interface intuitive, fonctionnalités essentielles et design responsive.

🚀 Démo Live

Cette démo présente une interface complète de gestion de classe avec :

• Tableau de bord interactif avec statistiques

• Gestion des classes et élèves

• Système de devoirs et notes

• Bibliothèque de ressources

• Interface responsive et moderne

🛠️ Technologies Utilisées

• Frontend : Next.js 14, React 18, TypeScript

• Styling : Tailwind CSS

• Architecture : Composants modulaires, hooks React

• Données : Mock data avec types TypeScript

📦 Installation et Lancement

Prérequis

• Node.js 18+

• npm ou yarn

Installation

Cloner le projet
cd EduConnect
Installer les dépendances
npm install
Lancer en mode développement
npm run dev

L'application sera accessible sur http://localhost:3000

Scripts Disponibles

npm run dev      # Mode développement
npm run build    # Build de production
npm run start    # Serveur de production
npm run lint     # Vérification du code

🎯 Fonctionnalités Implémentées

✅ Tableau de Bord

• Statistiques en temps réel (élèves, classes, devoirs)

• Activité récente et prochains événements

• Cartes de statistiques interactives

✅ Gestion des Classes

• Liste des classes avec informations détaillées

• Sélection et visualisation des élèves

• Système de notes en temps réel

• Interface de gestion des élèves

✅ Système de Devoirs

• Création et gestion des devoirs

• Types de devoirs (maison, quiz, examen, projet)

• Statuts (brouillon, publié, noté)

• Suivi des échéances

✅ Bibliothèque de Ressources

• Partage de documents, vidéos, liens

• Organisation par classe

• Interface de gestion des ressources

• Types de ressources variés

✅ Interface Utilisateur

• Design moderne et responsive

• Navigation intuitive avec sidebar

• Composants réutilisables

• Animations et transitions fluides

🏗️ Architecture du Projet

EduConnect/
├── pages/                 # Pages Next.js
│   ├── app.tsx         # Configuration globale

│   └── index.tsx        # Page principale
├── src/
│   ├── components/       # Composants React
│   │   ├── Layout/      # Header, Sidebar
│   │   ├── Dashboard/   # Composants tableau de bord
│   │   ├── Classes/     # Gestion des classes
│   │   ├── Assignments/ # Système de devoirs
│   │   └── Resources/   # Bibliothèque de ressources
│   ├── data/           # Données mock
│   └── types/          # Types TypeScript
├── styles/             # Styles globaux
└── public/            # Assets statiques

Installer Vercel CLI
npm i -g vercel
Déployer
vercel

Build de l'image
docker build -t educonnect .
Lancer le conteneur
docker run -p 3000:3000 educonnect