Portfolio de Sophie Bluel
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.
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