Mes Projets

Découvrez une sélection de mes réalisations techniques, alliant créativité et expertise en développement web

Argent Bank

Application web bancaire développée avec React et Redux, permettant aux utilisateurs de s’authentifier, gérer leur profil et consulter leurs informations personnelles. J’ai déployé l'API backend pour l’échange sécurisé des données via des appels HTTP, JWT. L’interface responsive est conçue à partir de maquettes fournies, avec une attention portée à la gestion globale du state et à la sécurisation des accès utilisateurs. J’ai également participé à la spécification d’une future API pour la gestion des transactions.

React
Redux
Jwt
API REST

SportSee

Application de suivi sportif affichant des statistiques personnalisées (sessions, calories, performances) développée avec React et la bibliothèque Recharts pour des graphiques interactifs. Connectée à une API backend que j’ai déployée, elle récupère les données en temps réel via un service Axios dédié. Le projet respecte les maquettes Figma et se concentre sur une expérience desktop optimisée, avec une standardisation des données et une documentation soignée.

React
Recharts
API REST
Axios
Scss
Figma

Les Petits Plats

Site de recettes de cuisine permettant la recherche dynamique de plats selon différents critères. Développé en JavaScript (HTML/CSS/JS), il intègre un algorithme de filtrage efficace pour retrouver rapidement une recette adaptée à ses envies. Interface accessible, responsive et conforme W3C. Code modulaire, sécurisé, sans librairie JS externe.

Javascript
Html
Css
JSON

Kasa

Développement de la nouvelle interface du site Kasa en React avec React Router. Intégration complète des maquettes Figma (responsive) et des composants dynamiques (galerie, collapses). Données simulées via un fichier JSON. Respect des guidelines techniques, utilisation de Sass pour le style et animation du menu déroulant. Application modulaire et conforme aux standards qualité.

React
Figma
JSON
Sass

HRnet

Migration complète de l’application interne HRnet d’une architecture jQuery vers React afin d’améliorer ses performances et sa maintenabilité. Conversion d’un plugin jQuery critique en composant React fonctionnel, modulaire et accessible, avec création d’un système de gestion d’état moderne. Réalisation de tests de performance comparatifs avec Lighthouse pour mesurer les gains. Gestion globale du state avec Zustand

React
jQuery
Zustand

Modal

@ptdx/modal est un composant React de modale personnalisable, publié sur npm, conçu pour être facilement intégré et accessible. Il respecte les bonnes pratiques WAI-ARIA, inclut la gestion du focus, la fermeture par touche Échap et le clic hors-modale. Le rendu s’effectue via React Portal pour une séparation claire du DOM. Léger et extensible, il propose plusieurs variantes visuelles (succès, erreur) et un style personnalisable via des classes CSS.

React
npm
Acessibilité

FishEye

FishEye est un prototype de site accessible conçu pour une plateforme de photographes indépendants. Le projet consistait à développer, à partir de maquettes fournies, une page d’accueil et des pages dédiées à chaque photographe, en HTML, CSS et JavaScript vanilla. Les données étaient dynamiquement générées via un fichier JSON, avec une logique d'affichage basée sur le pattern Factory Method. L'accessibilité était une exigence centrale, avec une navigation clavier et un support lecteur d’écran soignés.

Javascript
Html
Css
Figma
JSON
Acessibilité

SaaS RH chez Billed

Participation à la stabilisation et au test d’une fonctionnalité clé “note de frais” dans un SaaS RH chez Billed. Analyse, débogage et correction des parcours utilisateur administrateur et employé en front-end React. Mise en place de tests End-to-End pour garantir la fiabilité avant lancement. Collaboration avec l’équipe et utilisation d’outils comme Chrome Debugger et Kanban Notion pour suivre les bugs.

Jest
tests End-to-End
Débogage
Chrome Debugger

Learn @ Home

Learn@Home est un projet de cadrage fonctionnel pour une application web de soutien scolaire. J’ai réalisé l’ensemble des livrables attendus avant développement : diagrammes de cas d’usage (connexion, chat, calendrier, tâches, tableau de bord), user stories avec critères d’acceptation, maquettes desktop/mobile (Figma), et découpage fonctionnel en Kanban. L’objectif était de structurer les besoins du client de manière claire et exploitable par une future équipe de développement.

Figma
user stories
diagrammes de cas d’usage
Kanban

Game On

GameOn – Landing Page : j’ai finalisé le développement front-end d’une page d’accueil avec formulaire d’inscription aux concours. En reprenant le projet existant, j’ai implémenté la logique JavaScript manquante pour rendre le formulaire pleinement fonctionnel (validation des champs, interactions, responsive).

Javascript
Html
Css

OhMyFood

OhMyFood – Site mobile-first avec animations CSS : j’ai développé un site responsive listant les menus de 4 restaurants gastronomiques pour la startup OhMyFood. En suivant des maquettes Figma, j’ai mis en œuvre une approche mobile first et intégré des animations CSS fluides (chargement, transitions, interactions) pour améliorer l’expérience utilisateur. Le projet a été réalisé en HTML, SCSS et CSS3, avec un soin particulier apporté au responsive design et aux détails visuels.

Html
Css
Sass

Booki

Booki – Intégration HTML/CSS d’une page d’accueil responsive : dans le cadre de ma première mission chez OpenClassrooms, j’ai intégré la page d’accueil d’un site de recherche d’hébergements et d’activités. À partir de maquettes Figma et d’un brief technique, j’ai codé l’ensemble de l’interface en HTML5 et CSS3, en respectant les bonnes pratiques de structuration sémantique, de responsive design et de compatibilité multi-écrans. Le projet respecte une architecture de fichiers professionnelle, sans framework ni JavaScript.

Html
Css
Figma

Intéressé par mon profil ?

Discutons de votre prochain projet et de mes compétences en développement.