SOPHIE BLUEL

Le portfolio de Sophie Bluel est un site web responsive construit avec HTML, CSS, JavaScript, et la gestion de dépendances via Node Package Manager, et publié sur GitHub Pages. Pour lancer le projet complet, il faut installer les dépendances. Les projets photos sont stockés dans une base de données. Ce projet a été réalisé dans le cadre de ma formation avec Openclassrooms pour maîtriser les fondamentaux du développement web.

DÉTAILS DU PROJET

Objectif

L'objectif de ce projet était de créer un site portfolio dynamique pour une architecte d'intérieur. Le site devait permettre à l'utilisateur de consulter les travaux de l'architecte, et à l'administrateur de se connecter pour gérer les projets (ajouter, modifier, supprimer) via une interface d'administration sécurisée.

Technologies utilisées

Ce projet a été développé en HTML5, CSS3 et JavaScript vanilla pour le front-end. J'ai utilisé l'API Fetch pour communiquer avec le backend existant (API REST), et mis en œuvre une authentification via JWT (JSON Web Tokens). J'ai également utilisé NPM pour gérer les dépendances du projet, notamment l'exécution du serveur backend.

Défis et solutions

Le principal défi a été d'implémenter une interface d'administration sécurisée permettant la gestion complète des projets (CRUD). Pour résoudre ce problème, j'ai créé un système de login avec stockage du token JWT, et développé une modale d'édition intuitive pour ajouter et supprimer des projets. J'ai également mis en place un système de filtrage par catégories qui met à jour dynamiquement l'affichage des projets sans rechargement de page.