Clément Vigouroux

Mes principales contributions à ce projet ont été :

• Élaboration d'une charte visuelle épurée et création d'une maquette minimaliste sur Figma, en mettant l'accent sur une navigation fluide et un design mobile-first.

• Création de la page d'administration du musée, permettant aux administrateurs de gérer les expositions. J’ai utilisé React et la bibliothèque CSS Masonry pour une mise en page efficace.
• Développement de la visite interactive avec Phaser3, un framework JavaScript pour créer des jeux 2D. Cette fonctionnalité permet de déplacer un personnage dans un musée virtuel 2D et d’afficher les œuvres en fonction de sa position.

• Rédaction d'un client HTTP avec Axios pour assurer la communication entre le front-end et le back-end, avec gestion de l'authentification par cookies.
• Participation à la gestion de projet en utilisant la méthode agile Kanban et Figjam pour suivre l'avancement des tâches.

Stack technique :

• Front-end : React, Phaser3, Axios

• Back-end : Express, Node.js
• Base de données : MySQL

• CSS : Masonry, Responsive Design (Mobile First)
• Gestion de projet : Kanban, Figjam

Mes principales contributions à ce projet ont été :

• Participation à la création de la charte visuelle et de la maquette sur Figma, en mettant l'accent sur une interface utilisateur à la fois esthétique et fonctionnelle, avec une attention particulière à l'ergonomie, l'accessibilité et l’adaptabilité mobile-first.

• Conception et développement des pages de présentation détaillées pour les films et les acteurs, offrant une expérience riche en informations structurées. Ces pages ont été réalisées avec des composants React, facilitant la réutilisation et l'organisation du code.
• Intégration de l’API The Movie Database pour récupérer les données sur les films et les acteurs. J'ai utilisé Axios pour effectuer les appels HTTP, en créant des fonctions réutilisables pour gérer les requêtes API et en m’assurant que les données récupérées correspondaient aux besoins du site.

Stack technique :

• Front-end : React, Axios

• API : The Movie Database
• CSS : Responsive Design

• Gestion de projet : Agile

Mes principales contributions à ce projet ont été :

• Participation à une séance de crazy-eight sur Excalidraw pour générer rapidement des idées de wireframes en huit minutes, favorisant un brainstorming créatif et l’élaboration des bases du projet.

• Affinage des wireframes et création des maquettes dans Figma, en mettant l'accent sur l'interface utilisateur (UI), notamment pour la barre de navigation, afin d'optimiser l'expérience utilisateur (UX) et de préparer les développements futurs.
• Conception et implémentation de la page de filtrage avancé, permettant aux utilisateurs de rechercher des restaurants selon des critères spécifiques tels que l'emplacement, le type de cuisine, la note et le prix. Cette fonctionnalité permet d’affiner les résultats de recherche de manière intuitive.

• Intégration de la bibliothèque OpenLayers pour ajouter une carte interactive personnalisée, permettant une mise à jour en temps réel des résultats en fonction des filtres appliqués. Cela améliore l’expérience utilisateur en offrant une navigation fluide et visuelle.
• Correction des problèmes d'accessibilité du site en utilisant la bibliothèque Pa11y, un outil d'analyse de code qui vérifie les principaux critères d'accessibilité pour assurer une expérience inclusive et conforme aux normes légales.

Stack technique :

• Front-end : JavaScript

• Carte interactive : OpenLayers
• Accessibilité : Pa11y

• Gestion de projet : Agile