ALT - Application de gestion d'activités pour enfants
EDUKA
EDUKA est une application web et mobile conçue pour faciliter la création et la gestion d'activités pour les enfants, dans un cadre scolaire ou privé. Professeurs et parents peuvent créer, gérer et publier des annonces liées à des sorties scolaires, activités extra-scolaires, anniversaires ou cours privés. L'application repose sur un système d'école référente pour limiter l'accès aux utilisateurs concernés, et permet aussi des annonces privées indépendantes de tout établissement. Développée à distance par une équipe de 4 développeurs fullstack, avec une forte attention portée à la protection des données et au respect du RGPD.
Contexte
Problème
Professeurs et parents sans outil centralisé pour créer et gérer les activités scolaires et extra-scolaires des enfants
Mon rôle
Développeur frontend React + mobile Ionic + API REST NestJS + tests E2E (Cypress/Jest)
Résultat
Application web et mobile complète avec système de rôles, RGPD, API REST et tests automatisés. Titre CDA Bac+4 obtenu.
En chiffres
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 garantir la qualité
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.