Retour au portfolio

Portfolio de Sophie Bluel

  • Site vitrine
  • Intégration web

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

Présentation

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.
L’objectif est de proposer une vitrine claire et moderne, tout en permettant à l’administratrice de gérer ses contenus de manière autonome.

Fonctionnement

Les projets sont affichés dynamiquement à partir d’une API fournie par l'agence.

L’interface publique permet aux visiteurs de :

  • parcourir les réalisations de l’architecte
  • filtrer les projets par catégorie
  • consulter les travaux dans une galerie dynamique

Le système de filtres améliore la navigation et permet d’afficher rapidement les projets correspondant à une catégorie spécifique.

Interface d’administration

Le site inclut un espace d’administration sécurisé.

Après authentification, l’administratrice peut :

  • ajouter de nouveaux projets
  • supprimer des réalisations existantes
  • gérer la galerie directement depuis l’interface

Les modifications sont réalisées via une modale interactive.

Architecture

L’application repose sur une architecture client–serveur :

  • le front-end gère l’interface utilisateur et les interactions
  • le back-end fournit l’API permettant de récupérer et modifier les données
  • les échanges entre le client et l’API sont réalisés via Fetch

Conception

Le développement a été réalisé à partir de maquettes fournies sur Figma.

Pédagogique

Projet réalisé en 2023

Outils et technologies

  • HTML
  • CSS
  • JavaScript