Bienvenue dans mon atelier numérique.
Ici, je rassemble les projets qui jalonnent mon parcours de développeuse web en devenir — des défis techniques, des expérimentations créatives, des sites réalisés pour moi ou pour les autres… Chaque projet raconte un bout de chemin, un apprentissage, une idée mise en forme.
CSS 3 Bootstrap
Carte de profil responsive réalisée avec Bootstrap 5, intégrant une mise en page centrée, des images décoratives positionnées en arrière-plan et un système de statistiques. Le projet met en pratique l’utilisation conjointe de Bootstrap, de variables CSS et d’un design responsive fidèle à la maquette Frontend Mentor.
CSS 3 JavaScript
Ce projet est une interface complète de gestion d’extensions de navigateur, réalisée dans le cadre d’un challenge Frontend Mentor. J’y ai travaillé l’interactivité avancée avec JavaScript — activation/désactivation, filtrage dynamique, suppression, restauration, thème clair/sombre — ainsi que la création d’un système de cartes entièrement généré depuis un template HTML et un fichier JSON. Un exercice très riche qui m’a permis d’approfondir la programmation orientée objets, le localStorage et la gestion d’évènements personnalisés.
CSS 3 Bootstrap
Ce projet est une carte d'aperçu de statistiques, réalisée dans le cadre d’un challenge Frontend Mentor. L’objectif principal était de découvrir Bootstrap et de se confronter à un cas pratique. Le design est fidèle à la maquette, avec une mise en page responsive et un style moderne.
CSS 3
Reproduction fidèle d’une carte en trois colonnes, challenge Frontend Mentor. Le projet met en avant une carte produit avec un design responsive, utilisant HTML et CSS uniquement, avec des effets au survol et une organisation modulaire des styles pour une maintenance facilitée.
CSS 3
Un composant de résumé de commande réalisé en HTML5 et CSS3. Ce mini-projet Frontend Mentor met en valeur l’alignement central avec Flexbox, une hiérarchie visuelle claire et une fidélité au design fourni.
CSS 3
Un composant de carte responsive inspiré d’un challenge Frontend Mentor. L’objectif : recréer fidèlement une maquette en HTML/CSS en soignant la mise en page, les effets au survol et la gestion des images. Un bon exercice de précision, d’accessibilité et de pixel-perfect.
CSS 3 JavaScript
Exercice issu d’un défi Frontend Mentor, consistant à recréer un composant de QR code à partir d’une maquette. J’y ai ajouté un mode clair/sombre dynamique ainsi que la sauvegarde des préférences dans le localStorage, pour m’exercer à la manipulation du DOM et à la gestion des données côté client.
CSS 3 JavaScript
Composant d’évaluation interactif développé dans le cadre d’un défi Frontend Mentor. Il propose une interface claire et intuitive où l’utilisateur peut sélectionner une note, avec un feedback visuel immédiat. Le projet intègre une gestion dynamique de l’état grâce à JavaScript pour une expérience fluide et engageante.
CSS 3
Défi Frontend Mentor consistant à créer une carte produit élégante et responsive. Le projet met l’accent sur un design précis, des animations subtiles au survol, et une mise en page accessible pour offrir une présentation claire et attractive du produit.
CSS 3 JavaScript
Défi Frontend Mentor visant à créer un composant de synthèse de résultats clair et visuellement impactant. Le projet se concentre sur un design épuré, une hiérarchie d’information bien pensée, et une expérience utilisateur fluide grâce à une intégration précise du HTML, CSS et JavaScript.
CSS 3
Défi Frontend Mentor consistant à réaliser une carte de prévisualisation d’article de blog élégante et responsive. Le projet met en avant un design moderne, une typographie soignée, et une disposition claire pour faciliter la lecture et susciter l’intérêt.
CSS 3 JavaScript
Projet d’apprentissage inspiré du tutoriel Pli 3D en CSS3 de Grafikart, réadapté en JavaScript natif. Ce travail met en œuvre un effet tridimensionnel avancé via transform et perspective, tout en intégrant un design responsive mobile-first et des bonnes pratiques d’accessibilité. Un bel exercice technique mêlant créativité visuelle et rigueur front-end.
CSS 3 JavaScript
Défi Frontend Mentor consistant à créer un composant FAQ interactif avec des sections pliables. Le projet combine un design épuré à une gestion dynamique des états grâce à JavaScript, offrant une navigation claire et intuitive pour l’utilisateur.
CSS 3
Composant de liens sociaux personnalisable, réalisé dans le cadre d’un défi Frontend Mentor. Il met en valeur une interface simple, élégante et responsive, facilitant l’accès rapide aux profils sociaux via des icônes claires et interactives.
CSS 3
Projet Frontend Mentor consistant à créer une page de recette claire et responsive. Le design met en avant une présentation visuelle appétissante, avec une structure organisée pour faciliter la lecture et la navigation sur tous types d’écrans.