Dan VIAL

1/9
sophiebluel_0.png CDA script webpsophiebluel_1.png CDA script webpsophiebluel_2.png CDA script webpsophiebluel_3.png CDA script webpsophiebluel_4.png CDA script webpsophiebluel_5.png CDA script webpsophiebluel_6.png CDA script webpsophiebluel_7.png CDA script webpsophiebluel_8.png CDA script webp

Sophie Bluel

JavaScript
DOM
event
<form>
Description
En tant que développeur front-end auprès de l’agence ArchiWebos, j'ai été envoyé en renfort pour collaborer avec une équipe sur la création du site portfolio de l'architecte d'intérieur Sophie Bluel. Mon rôle consistait à développer une interface dynamique et intuitive, respectant la charte graphique de l'architecte, tout en assurant une gestion efficace des interactions utilisateur et du contenu média. Le projet s’inscrivait dans un environnement technique moderne, avec un backend et un frontend installés via Node.js et npm, et gérés à l'aide de Git/GitHub.
Liens
site web: Sophie Bluel
GitHub repo: Sophie Bluel
Méthodologie

  1. Environnement de développement : le projet a été configuré avec Visual Studio Code, Node.js, npm pour la gestion des dépendances, et Git/GitHub pour le versionnement et la collaboration avec l’équipe.

  2. Gestion des interactions utilisateur et manipulation du DOM : j'ai mis en place des scripts JavaScript pour la gestion des événements utilisateurs et la manipulation des éléments du DOM, garantissant une expérience utilisateur interactive et fluide.

  3. Développement des pages :

    • Création d'une page présentant les travaux de l'architecte, offrant une vue claire et organisée de ses réalisations.
    • Développement d'une page de connexion dédiée à l’administrateur du site, permettant la gestion sécurisée du contenu.

  4. Création de modales : pour faciliter la gestion des médias, j'ai développé une modale permettant à l'administrateur d’ajouter, modifier et supprimer des éléments de la collection, tout en respectant la charte graphique du site.

  5. Communication avec une API REST Full :

    • Utilisation des opérations CRUD et des verbes HTTP (POST, GET, PUT, DELETE) pour interagir avec l’API.
    • Intégration des fonctionnalités de gestion de contenu dynamique, en assurant la connexion entre le front-end et le back-end via des requêtes API.

  6. Tests et validation :

    • Vérification du code, gestion des erreurs et validation des formulaires pour garantir une expérience utilisateur fluide et sans bug.
    • Tests approfondis des éléments dynamiques du DOM pour assurer leur bon fonctionnement dans tous les cas d'usage.