- Site web
- Application mobile
- Back-office
- Portail étudiant
Capstone Academy
- Secteur
- Éducation
- Livré en
- Site web
- Application mobile
- Back-office
- Langues
- FR / EN / ES
“Préparez votre Selectividad à Casablanca”
(Le projet)
Capstone Academy prépare les étudiants marocains aux universités espagnoles sous la marque Dar España. Nous avons construit tout le système : le site public qui recrute, l’application mobile et le portail étudiant, et le back-office depuis lequel l’équipe pilote l’école, le tout sur une seule API Laravel.
(Contexte)
Une source unique là où la plupart des écoles utilisent trois outils.
L’école a besoin d’un site qui recrute pour ses cinq campus de Casablanca, d’un espace où les étudiants suivent planning, notes et documents, et d’un outil d’administration pour l’équipe. Gérés séparément, ils divergent et l’équipe ressaisit les mêmes données.
Le site Dar España présente l’examen, les campus et le calendrier en français et en anglais. Derrière lui, une seule application Laravel alimente l’application mobile Dar España, le portail étudiant et le back-office, où l’équipe gère plannings, notes, documents et notifications ciblées.
(Chiffres clés)
- produits sur une API
- 3
- campus à Casablanca
- 5
- canaux par alerte
- 4
- publics de notification
- 7
(L’écosystème)
Ce que nous avons livré
Les choix qui ont façonné le projet
Une API pour tous les clients
L’application mobile et le portail web se connectent à la même API avec des jetons à durée limitée : la session d’un étudiant se comporte de la même façon sur téléphone et sur navigateur.
Un seul modèle d’accès
Un accès allégé pour les anciens
Planning, notes et demandes sont réservés à la promotion en cours. Les anciens reçoivent un refus explicite et l’application bascule sur un accueil dédié.
Restriction maîtrisée
Un événement, quatre canaux
Une nouvelle note ou absence arrive à l’étudiant par e-mail, aux parents par e-mail, sur le téléphone par push et dans la boîte de l’application ; un canal en échec ne bloque jamais les autres.
Multicanal
Moins de saisie pour l’équipe
Notes et absences se saisissent en grille ou s’importent depuis Excel, les attestations sont générées en PDF en français ou en espagnol, et les messages d’anniversaire partent à heure fixe.
Automatisation
(Comment ça marche)
D’une note au téléphone de l’étudiant
Saisir
L’équipe saisit les notes dans une grille ou les importe depuis un modèle Excel, vérifié ligne par ligne.
Enregistrer
Chaque note est rattachée à la période et à la matière de l’étudiant.
Prévenir
Les e-mails à l’étudiant et aux parents sont mis en file et une notification interne est créée.
Pousser
Un push arrive sur le téléphone de l’étudiant, et la note apparaît dans les notifications et l’écran des notes.
Dans le projet
Captures de la version livrée, regroupées par produit. Sélectionnez-en une pour la voir en taille réelle.
Site web
3 captures
Application mobile
3 captures
Back-office
4 captures
Technologies
- Back-end
- Laravel 12
- PHP 8.2
- Sanctum
- Blade
- Alpine.js
- Front-end
- Next.js 16
- React 19
- Vite 7
- Tailwind CSS 4
- GSAP
- Mobile
- Expo 57
- React Native 0.86
- React Navigation 7
- Reanimated 4
- Temps réel & notifications
- Expo Notifications
- Laravel Mail
- Database queue
- Badges & documents
- dompdf
- Laravel Excel
- Sécurité
- Cloudflare Turnstile
- Rate limiting
(Projet suivant)
Club GTM
Sport & clubs



