Retour au portfolio

Portfolio de Sophie Bluel

  • Intégration web
  • Site vitrine

Cette page présente l’étude de cas du projet Open Source Portfolio de Sophie Bluel, incluant son aperçu, les outils utilisés, ainsi que des liens directs vers les ressources associées.

Portfolio de Sophie Bluel

Description

Ce projet consiste à développer le site portfolio d’une architecte d’intérieur, Sophie Bluel, pour le compte de l’agence ArchiWebos. Le site présente les réalisations professionnelles de l’architecte sous forme de galerie, avec une interface publique destinée aux visiteurs, et une interface d’administration permettant de gérer dynamiquement les projets. L’objectif est d’offrir une vitrine claire et moderne, tout en permettant à l’administratrice de mettre à jour ses contenus en autonomie. Les travaux sont affichés dynamiquement à partir d’une API, avec un système de filtres par catégories pour améliorer l’expérience de navigation. Un espace d’authentification sécurisé permet à l’administratrice de se connecter. Une fois connectée, elle peut ajouter de nouveaux projets ou en supprimer via une modale interactive, sans recharger la page. Le projet utilise les technologies web standards (HTML, CSS, JavaScript) et repose sur un serveur back-end Node.js. L’échange entre le front-end et l’API s’effectue avec fetch, et la documentation de l’API est accessible via Swagger. L’interface est compatible avec les dernières versions de Chrome et Firefox, et a été conçue à partir de maquettes disponibles sur Figma. Ce projet démontre la mise en œuvre complète d’un site vitrine dynamique, incluant gestion de contenu, interactions utilisateur et interface d’administration.

Pédagogique

Projet réalisé en 2023

Outils et technologies

  • CSS
  • HTML
  • JavaScript