ALT - Application de gestion d'activités pour enfants
EDUKA
EDUKA réunit les activités scolaires et extrascolaires au même endroit. Parents et enseignants peuvent publier une activité, organiser les trajets et échanger dans un cadre clair.
L'histoire du projet
Organiser les activités au même endroit
Les activités et les échanges passaient par plusieurs canaux. Il fallait un espace partagé, mais aussi des règles simples pour savoir qui peut voir et rejoindre une activité.
Dans une équipe distante de quatre développeurs, j'ai travaillé sur l'interface React, l'application Ionic, l'API NestJS et les tests. Les rôles et les accès ont été traités comme des règles du produit, pas comme un détail ajouté à la fin.
EDUKA permet ainsi de publier une activité, créer un groupe et suivre les échanges sur web et mobile, avec une base testée.
Contexte
Problème
Les activités et les échanges étaient répartis entre plusieurs canaux.
Mon rôle
Interface React, application Ionic, API NestJS et tests au sein d'une équipe de quatre.
Résultat
Un espace web et mobile pour publier, organiser et suivre les activités avec des accès définis.
Architecture
Action utilisateur : L'utilisateur interagit avec l'application (par exemple, en cliquant sur un bouton).
React (Front-end) : Envoie une requête HTTP en JSON au back-end pour demander des données ou effectuer une action.
NestJS (Back-end) : Reçoit la requête JSON et utilise Prisma pour interagir avec la base de données.
Prisma (ORM) : Traduit les requêtes du back-end en SQL que MySQL peut comprendre, puis les exécute sur la base de données.
MySQL (Base de données) : Exécute la requête SQL pour récupérer ou modifier des données, puis renvoie les résultats à Prisma.
Prisma : Convertit les résultats SQL en JSON et les renvoie à NestJS.
NestJS : Envoie la réponse JSON à React.
React : Reçoit la réponse JSON et affiche les données ou le résultat de l'action à l'utilisateur.
Fonctionnalités
Système d'authentification sécurisé avec vérification d'email
Conformité RGPD avec chiffrement des données sensibles (noms, prénoms, etc.)
Logique métier stricte : un parent doit avoir au moins un enfant inscrit dans une école de référence
Création et gestion de groupes pour organiser les covoiturages
Calendrier interactif pour planifier les trajets
Notifications en temps réel pour les parents et responsables
Interface responsive adaptée mobile et desktop
Système de messagerie intégré entre parents
Dashboard admin pour gérer les utilisateurs et les événements
Tests automatisés avec Cypress et Jest pour vérifier les parcours
Implémentation technique
Processus de conception
EDUKA a été conçue selon une méthodologie complète combinant UX/UI design et planification projet pour garantir une expérience utilisateur optimale et une réalisation conforme aux objectifs.
Carte Mentale
Structuration des idées et organisation des fonctionnalités principales de l'application pour définir le périmètre du projet.
Epic Story & User Stories
Décomposition des fonctionnalités en épics et user stories pour une planification agile. Chaque story décrit une fonctionnalité du point de vue de l'utilisateur avec critères d'acceptation clairs.
Wireframes
Esquisse des interfaces en wireframes pour définir la structure et la disposition des éléments avant le design visuel.
Méthode MERISE
Modélisation des données et flux de l'application avec les diagrammes de contexte et modèles conceptuels de données (MCD) pour assurer une architecture robuste.
Maquettes Figma
Conception détaillée des interfaces dans Figma avec design system, composants réutilisables, et prototypage interactif pour valider l'expérience utilisateur.