Ce projet, réalisé dans le cadre de la formation Développeur Web chez OpenClassrooms, consiste en la création d'une interface web pour une agence de voyage appelée Booki. Il s'agit de découper et d'intégrer une maquette Figma en utilisant HTML et CSS, tout en assurant la responsivité du site pour une compatibilité optimale sur divers appareils et résolutions d'écran.

HTML

BOOKI

Ce projet, réalisé dans le cadre de la formation Développeur Web chez OpenClassrooms, porte sur la création d'un site portfolio pour une architecte d'intérieur. Il comprend une galerie dynamique alimentée par une API, avec des filtres pour trier les projets par catégorie. La page de connexion pour l'administrateur inclut un système d'authentification et une modale pour gérer l'ajout et la suppression de projets. Une attention particulière a été portée à la gestion des erreurs dans les formulaires pour garantir le bon fonctionnement du site.

JavaScript

SOPHIE BLUEL

Réalisé dans le cadre de la formation Développeur Web chez OpenClassrooms, ce projet Kasa est une refonte d'un site de location immobilière en React. L'application propose une interface moderne et fluide, optimisant l'expérience utilisateur. Elle permet de naviguer entre plusieurs pages, telles que l'accueil, la galerie des annonces et les détails des propriétés, grâce à React Router. Le projet intègre également des animations et utilise SASS pour une conception CSS avancée.

React

SASS

KASA

Cette application calcule l'âge exact en années, mois et jours à partir d'une date de naissance fournie par l'utilisateur. Elle intègre une gestion rigoureuse des erreurs : si la date est incorrecte (ex., jour ou mois invalide, date future), l'application affiche un message d'erreur spécifique pour aider l'utilisateur à corriger sa saisie. Grâce à cette validation, le calculateur assure une expérience utilisateur sans faille et garantit des résultats précis tout en s'adaptant aux différents écrans pour une utilisation sur tout type d'appareil.

AGE CALCULATOR

Ce projet propose une interface de liste de produits intégrant un système de panier pour simuler une expérience d'achat en ligne. L'utilisateur peut parcourir les produits, en ajouter au panier et consulter le total de son achat en temps réel. Ce challenge permet de travailler sur la gestion des états, en particulier la mise à jour dynamique du panier, et inclut une gestion des interactions utilisateur intuitive, assurant une navigation fluide et une expérience proche d'un véritable site e-commerce.

PRODUCT LIST

Ce projet a été fait dans le cadre de ma formation Développeur web chez OpenClassrooms. Mon Vieux Grimoire est une application web permettant aux utilisateurs de rechercher, ajouter et noter des livres. J'ai été responsable de la mise en place du serveur, de la gestion de la base de données et de l'authentification des utilisateurs. J'ai également optimisé l'envoi des images des utilisateurs pour garantir des performances optimales tout en respectant les principes du Green Code, avec aussi l'ajout de protection de données.

PROJETS

BOOKI

SOPHIE BLUEL

KASA

AGE CALCULATOR

PRODUCT LIST

MON VIEUX GRIMOIRE