Vous trouverez ici tous les sites que j'ai confectionnés ainsi que leur maquette le cas échéant.
Zozor - carnets de voyage
Cette page web a été réalisée à partir de la maquette suivante. Elle a été construite pour mon premier cours sur le HTML et le CSS. Vous pouvez la consulter en suivant ce lien.
Cette maquette a été réalisée par Fan Jiyong à la demande de Mathieu Nébra qui a préparé le cours que j'ai suivi ("Apprenez à créer votre site web avec HTML5 et CSS3", OpenClassrooms).
Présent'Animal
J'ai commencé ce site web lors d'un stage d'immersion en tant que développeuse web. Je l'ai ensuite amélioré sur mon temps libre après la fin de ce stage. Il est conçu pour permettre aux utilisateurs possédant un compte de créer des fiches présentant leurs animaux de compagnie et de laisser des commentaires sur ces fiches. Vous pouvez le consulter en suivant ce lien.
Ce projet m’a permis de concevoir une application web complète, de l’architecture des données jusqu’à l’interface utilisateur, en mettant en pratique des notions clés de développement web moderne. J’ai développé un affichage dynamique des contenus basé sur des cartes et un carrousel, avec une navigation fluide entre les pages, une pagination et des filtres par catégories. La gestion des fiches animales repose sur une logique CRUD complète (création, modification, suppression), incluant le traitement et la gestion des images par défaut ainsi que la validation systématique des données côté serveur.
Le projet intègre un back-office sécurisé avec plusieurs rôles utilisateurs, permettant la modération des commentaires, la validation des contenus et la gestion des comptes (inscription, suppression, contrôle des accès). J’ai porté une attention particulière à la sécurité, notamment via la mise en place de tokens pour les actions sensibles, la prévention des doublons, la protection contre les erreurs SQL et le contrôle des accès selon le rôle des utilisateurs.
Enfin, Présent’Animal met l’accent sur l’expérience utilisateur et la maintenabilité du code : formulaires optimisés, messages d’erreur clairs, gestion des cas limites, interface responsive et structure pensée pour être évolutive. Ce projet reflète ma capacité à développer une application robuste, sécurisée et orientée utilisateur, tout en respectant de bonnes pratiques de développement.
Géo'Livres
Ce site web a été a été réalisé dans le cadre du Titre Professionnel "Développeur Web et Web Mobile" que j'ai suivi en 2024. Comme pour Présent'Animal, j'ai également continué à travailler dessus après avoir fini cette formation. Géo'Livres permet de géolocaliser les boites à livres dans toute la France. Les utilisateurs possédant un compte ont la possibilité d'ajouter des boites à livres et d'enregistrer les livres présents dans ces boites à livres. Vous pouvez le consulter en suivant ce lien.
Ce projet m’a permis de travailler sur l’intégration d’une carte interactive et sur la manipulation de données de géolocalisation, tout en mettant en place une logique métier claire côté serveur. L’application repose sur l’affichage d’une carte enrichie de marqueurs interactifs, générés à partir des coordonnées GPS associées aux boites à livres. J’ai mis en place la récupération et le traitement des données de localisation, la gestion des distances, ainsi que l’affichage conditionnel des informations lors de l’interaction avec la carte. Une attention particulière a été portée à la fiabilité des données (coordonnées manquantes ou incorrectes) et à la cohérence entre la carte et la liste des boites à livres affichées.
Le projet inclut également la création et la gestion de formulaires (ajout de livres, contact), avec validation des champs, prévention des doublons et sécurisation des entrées. J’ai travaillé sur la gestion des erreurs, la vérification des données envoyées et l’amélioration progressive de l’expérience utilisateur, notamment via des messages clairs et des comportements adaptés selon les cas rencontrés.
Enfin, Géo’Livres m’a permis d’aborder des problématiques plus techniques telles que l’optimisation des requêtes, la gestion des appels à des services externes (API de cartographie et d'informations des livres), la configuration d’un environnement sécurisé (variables d’environnement, captcha) et l’amélioration de l’interface, avec une attention portée à l’accessibilité et à la clarté de navigation.