Skip to main content

Fullstack Laravel API + Vue.js 3 : EduTrack

Todayskool
Enroll Now

🎓 Fullstack Laravel API + Vue.js 3

EduTrack — Plateforme de Gestion Académique

Construisez une vraie application SaaS fullstack déployée et prête à vendre aux écoles d'Afrique francophone

10 Modules 40 Leçons 10 TPs Pratiques Niveau L3/M1/M2

🚀 Ce que vous allez construire

EduTrack est une plateforme complète de gestion académique pour écoles africaines.
À la fin de ce cours, vous livrez un vrai produit fonctionnel :
  • 🔐 Authentification multi-rôles (Admin, Enseignant, Étudiant, Parent)
  • 📚 Gestion des classes, matières et emplois du temps
  • 📝 Saisie de notes et génération de bulletins PDF
  • 📋 Suivi des présences avec notifications temps réel
  • 💰 Gestion des paiements de scolarité
  • 💬 Messagerie école-parents
  • 📖 Bibliothèque numérique avec lecteur PDF
  • 📊 Dashboard analytique par rôle
  • 🚀 Application déployée sur votre VPS

🛠️ Stack Technique

🔴
Laravel 11
API REST, Sanctum JWT, DomPDF, Echo
💚
Vue.js 3
Composition API, Pinia, Vue Router 4
⚡
Vite
Build tool ultra-rapide
🎨
Tailwind CSS
UI moderne et responsive
🔄
Axios + Intercepteurs
Gestion automatique du JWT
📡
Laravel Echo + Pusher
Notifications temps réel
📊
Chart.js + vue-chartjs
Visualisation des données
💳
Orange Money Sandbox
Paiements mobile money

📐 Architecture Découplée

Architecture SPA + API (Séparation totale)

edutrack-api/ → Laravel 11 sur port 8000 — API REST pure (JSON)
edutrack-front/ → Vue.js 3 sur port 5173 — SPA Vite

Communication : HTTP/JSON + JWT Bearer Token
En production : api.edutrack.[votre-domaine] + app.edutrack.[votre-domaine]

📋 Programme des 10 Modules

1Setup Fullstack

Architecture découplée, CORS, JWT. Installation Laravel + Vue.js 3.

3 Leçons TP Quiz 5Q

2Authentification JWT

Multi-rôles, Sanctum, Pinia auth store, navigation guards.

3 Leçons TP Examen 10Q

3Gestion Académique

Classes, matières, emplois du temps. Vue FullCalendar.

3 Leçons TP Examen 10Q

4Notes et Bulletins PDF

Saisie notes, calcul moyennes, rangs, génération PDF DomPDF.

3 Leçons TP Examen 10Q

5Présences et Absences

Appel nominal, notifications temps réel Laravel Echo + Pusher.

3 Leçons TP Examen 10Q

6Paiements Scolarité

Espèces, Orange Money sandbox, reçus PDF, alertes retardataires.

3 Leçons TP Examen 10Q

7Communication École-Parents

Messagerie temps réel, annonces, notifications push navigateur.

3 Leçons TP Examen 10Q

8Bibliothèque Numérique

Upload PDF, lecteur PDF.js, emprunts, filigrane, recherche fulltext.

3 Leçons TP Examen 10Q

9Dashboard Analytics

Chart.js, KPIs par rôle, export PDF rapport mensuel.

3 Leçons TP Examen 10Q

10Déploiement + Livraison

Nginx, SSL, deploy.sh, EduTrack prêt à vendre à une vraie école.

3 Leçons TP Final Certification 25Q

🎯 Prérequis

Compétence Niveau requis
PHP / Laravel Bases solides (routes, Eloquent, Blade)
JavaScript ES6+ (arrow functions, promises, async/await)
HTML / CSS Bases (Tailwind sera appris en contexte)
MySQL Bases (SELECT, JOIN, clés étrangères)
Terminal Linux Navigation, git, npm, composer
Vue.js Non requis — appris depuis zéro

🏆 Évaluation

Composante Poids Détail
Quiz M1 15% 5 questions — Architecture fullstack
Examens M2–M9 35% 8 examens × 10 questions (1 drop)
TPs M1–M10 50% 10 TPs pratiques (1 drop)
Certification finale : Examen M10 — 25 questions couvrant tout le cours

🌍 Contexte Africain

Ce cours est conçu spécifiquement pour les étudiant(e)s d'Afrique francophone. Toutes les données d'exemple utilisent des noms africains (Ousmane Diallo, Fatou Ndiaye...), des villes africaines (Dakar, Abidjan...), et des contextes scolaires locaux. Le module Paiements intègre Orange Money — le mode de paiement mobile le plus utilisé en Afrique de l'Ouest.

🎓 À la fin de ce cours, vous avez un produit réel dans votre portfolio
EduTrack est déployé, fonctionnel, et prêt à être présenté à n'importe quelle école privée en Afrique francophone.

Course Summary

  1. Course Number

    EDUTRACK_2024

  2. Classes Start

  3. Classes End

Enroll