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

🎨 Design System

Couleurs

• Primary : Bleu (#0ea5e9)

• Secondary : Violet (#d946ef)

• Success : Vert (#10b981)

• Warning : Jaune (#f59e0b)

• Error : Rouge (#ef4444)

Composants

• Cartes de statistiques

• Boutons primaires et secondaires

• Champs de saisie stylisés

• Modales et overlays

🔮 Fonctionnalités Futures

Phase 1 - Fondations

• Authentification utilisateur

• Gestion des rôles (enseignant/élève/parent)

• Validation des données

• Accessibilité

Phase 2 - Coeur Produit

• Système de présences

• Groupes d'élèves

• Calendrier scolaire

• Export de bulletins

Phase 3 - Collaboration

• Commentaires sur devoirs

• Messagerie parent

• Notifications en temps réel

Phase 4 - Monétisation

• Plans école/enseignant

• Système de facturation

• Gestion des abonnements

Phase 5 - Intégrations

• Google Drive/OneDrive

• Google Calendar

• SSO éducation

Phase 6 - Intelligence Artificielle

• Évaluation automatique QCM

• Recommandations de ressources

• Détection de difficultés

• Personnalisation des parcours

📊 Métriques et KPIs

• Devoirs créés par semaine

• Taux de remise des devoirs

• Engagement des parents (messages lus)

• Rétention des classes par période

• Temps de réponse des enseignants

🎯 Secteur Cible

• Éducation : Enseignants primaire/collège/lycée

• Taille : 1-20 classes

• Prix : 19€/mois

• Marché : France, Belgique, Suisse

🚀 Déploiement

Vercel (Recommandé)

# Installer Vercel CLI

npm i -g vercel



# Déployer

vercel

Docker

# Build de l'image

docker build -t educonnect .



# Lancer le conteneur

docker run -p 3000:3000 educonnect

🤝 Contribution

1. Fork le projet

2. Créer une branche feature (git checkout -b feature/nouvelle-fonctionnalite)

3. Commit les changements (git commit -m 'Ajout nouvelle fonctionnalité')

4. Push vers la branche (git push origin feature/nouvelle-fonctionnalite)

5. Ouvrir une Pull Request

📝 Licence

Ce projet est sous licence MIT. Voir le fichier LICENSE pour plus de détails.

📞 Support

Pour toute question ou support :

• Email : support@educonnect.fr

• Documentation : docs.educonnect.fr

• Issues : GitHub Issues

EduConnect - Simplifiez la gestion de vos classes ! 🎓