Donner à chaque classe un espace clair pour avancer.

J’ai construit des espaces dédiés à l’agenda, aux cours, aux devoirs, aux interrogations et aux notes. Les supports sont organisés par séance, les travaux comportent une échéance et les interrogations peuvent être activées avec leur propre statut. L’interface ne se limite pas à l’affichage de ressources : elle donne à l’étudiant une lecture concrète de sa semaine et de ses priorités.

MACLASSE sépare les expériences étudiant et enseignant tout en les faisant reposer sur les mêmes données. L’enseignant crée son espace, partage un code de classe et pilote les contenus ; l’étudiant rejoint sa promotion et accède uniquement aux éléments qui le concernent. J’ai implémenté cette distinction dans les flux d’authentification, les routes API et les vues de travail afin que les permissions soient cohérentes à chaque étape.

La plateforme permet de créer ou rejoindre un groupe, de choisir un projet et de suivre son état de validation. J’ai conçu ce chemin comme une progression en trois temps plutôt que comme une simple liste : constitution du groupe, sélection du projet, puis confirmation. Cette logique réduit les échanges dispersés et donne une visibilité immédiate sur l’avancement collectif.

Avec Tailwind et Framer Motion, j’ai mis en place une interface réactive et structurée : navigation persistante, onglets animés, états vides explicites, retours d’action et composants réutilisables. Les animations servent les changements de contexte et ne prennent pas le dessus sur le contenu. C’était particulièrement important pour un outil utilisé fréquemment, parfois en quelques minutes entre deux cours.