Sophie Bluel — Site de gestion de portfolio
Sophie Bluel is a web application designed for a fictional interior designer. It allows users to view and filter design projects while providing an admin interface for authenticated users to add, modify, or delete projects via an API.
Contexte & objectifs
This project was part of the OpenClassrooms Web Developer program. The goal was to create a dynamic front-end portfolio site using vanilla JavaScript, focusing on DOM manipulation, event handling, and REST API communication.
Stack technique
JavaScript — Logique principale, manipulation du DOM et intégration d’API.
HTML5 — Structure sémantique et bonnes pratiques d’accessibilité.
CSS3 — Mise en forme, responsive design et animations.
API REST — Requêtes Fetch pour le contenu dynamique et l’authentification.
Outils utilisés
Figma — Référence de la maquette UI/UX.
Git & GitHub — Gestion de versions et hébergement du code.
Compétences développées
• DOM manipulation and dynamic rendering.
• API data handling with Fetch.
• Modular JavaScript organization.
• Authentication and token management.
• Debugging and clean code structure.
Résultats & améliorations
The project successfully recreated a fully functional and responsive admin system. Potential future improvements include enhanced error handling, validation, and a migration to React for scalability.