Galerie de projets complète

Portfolio Développement Front

Projet pédagogique · 2025–2026 · BUT MMI2 · Module Développement Front

Description

Portfolio pédagogique qui regroupe 8 travaux pratiques progressifs en développement front-end, réalisés dans le cadre du module de Développement Front.

Ce projet centralise l’ensemble des TPs du semestre : bases HTML/CSS et structuration sémantique (TP1), mises en page avancées avec Flexbox et CSS Grid (TP2), responsive design et media queries (TP3), sélecteurs CSS avancés (TP4), interactions JavaScript et manipulation du DOM (TP5), animations et transitions CSS (TP6), dessin programmé avec Canvas (TP7) et animations interactives avec sprites et gestion du clavier (TP8). L’objectif était de construire un site cohérent qui valorise la progression des compétences front-end et l’organisation d’un projet web complet.

Technologies utilisées

Tableau de bord climat France

Projet SAE 303 · Visualisation de données climatiques

Description

Tableau de bord interactif qui cartographie les opinions des Français sur le climat et les transports à l’échelle des départements.

Le projet s’appuie sur un fichier CSV de données barométriques pour proposer une carte de France cliquable : au clic sur un département, l’ensemble des graphiques se met à jour pour ne garder que les répondants de ce territoire (modes de transport utilisés, causes des émissions de GES perçues comme importantes, répartition des âges, indicateurs moyens par tranche d’âge). J’ai travaillé la chaîne complète de data visualisation avec D3.js : chargement et filtrage des données, agrégations par catégories, conception d’une collection de graphiques complémentaires et intégration dans une interface claire, pensée pour des décideurs non techniques.

Technologies utilisées

Animoutus

Projet universitaire · BUT MMI · Jeu de lettres web

Description

Jeu de lettres inspiré de Motus où l’utilisateur doit deviner un animal de 5 lettres en un nombre limité d’essais.

J’y ai développé la logique de jeu côté serveur en PHP (sélection du mot secret, validation des essais, gestion de session), le système de scores et de statistiques enregistrés en JSON, une petite IA d’aide qui suggère des lettres pertinentes, ainsi qu’une interface de jeu complète (grille, clavier virtuel, génération d’une image de la grille).

Technologies utilisées

Application web de gestion des rendez‑vous

Projet de stage · Wilaya de l’Oriental

Description

Application web qui permet aux citoyens de la Wilaya de l’Oriental de créer un compte, déposer une demande de rendez‑vous en ligne et suivre son traitement sans se déplacer.

L’application permet de créer un compte, se connecter, gérer son profil et déposer une demande de rendez‑vous en choisissant le service concerné (D.S.I.C, D.I, D.C.A.E, etc.). Les demandes sont enregistrées dans une base MySQL/MariaDB pour un suivi côté administration et des e‑mails de confirmation / mise à jour sont envoyés via PHPMailer. Réalisé en stage, ce projet vise à digitaliser la prise de rendez‑vous et à simplifier la relation entre les citoyens et la wilaya.

Technologies utilisées

Application de gestion de file d’attente

Projet de stage · Développement web full-stack

Description

Plateforme web permettant la prise de rendez-vous en ligne et le suivi en temps réel de la file d’attente pour tout type d’établissement.

Fonctionnalités : espace utilisateur (prise de rendez-vous, suivi, notifications), espace admin (tableau de bord, gestion des rendez-vous et de la file, statistiques), authentification sécurisée, gestion des créneaux, interface responsive (Bootstrap/Tailwind). Projet réalisé en autonomie lors de mon stage pour optimiser l’organisation et réduire le temps d’attente.

Technologies utilisées