Sophie Bluel — Portfolio Management Website
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.
Context & Objectives
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.
Technical Stack
JavaScript — Core logic, DOM manipulation, and API integration.
HTML5 — Semantic structure and accessibility best practices.
CSS3 — Styling, responsive design, and animations.
REST API — Fetch requests for dynamic content and authentication.
Tools Used
Figma — UI/UX design prototype reference.
Git & GitHub — Version control and code hosting.
Developed Skills
• DOM manipulation and dynamic rendering.
• API data handling with Fetch.
• Modular JavaScript organization.
• Authentication and token management.
• Debugging and clean code structure.
Results & Improvements
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.