Julien Bernard

📘 Projet réalisé en freelance en tant que développeur front-end.

Participation au développement de la nouvelle plateforme web de Kasa, leader français de la location d’appartements entre particuliers. La mission consistait à réaliser la refonte complète du front-end avec React, en suivant les maquettes Figma et en respectant une architecture moderne, responsive et de qualité.

🔧 Objectifs :

. Initialiser le projet React et mettre en place la structure globale de l’application.

. Développer les composants React et gérer la navigation avec React Router.

. Implémenter la galerie photo avec navigation cyclique (retour à la première image après la dernière et inversement).

. Développer les composants Collapse avec comportement d’ouverture/fermeture au clic.

. S’assurer que l’application soit 100% responsive (mobile, tablette, desktop) selon les maquettes Figma.

. Travailler avec un fichier JSON simulant les données backend en attendant le recrutement du développeur back-end.

🎯 Ce projet m’a permis de :

. Approfondir mes compétences en React.js, gestion des états et routing.

. Travailler à partir de maquettes Figma avec une approche design system / composants.

. Mettre en œuvre un code front-end maintenable, responsive et performant.

. Gérer un projet freelance dans un contexte professionnel réel.

🧑‍💻 Code source : https://github.com/DevJulBrd/Kasa-P7-OpenClassrooms

📘 Projet réalisé dans le cadre de ma formation au développement web.

Participation à la conception et au développement de l’API back-end pour Hot Takes, une application web de critiques de sauces piquantes pour la marque Piiquante. Cette première version permet aux utilisateurs de partager leurs sauces préférées et d’interagir via likes/dislikes. Le front-end a été développé en Angular et précompilé, ma mission a été de construire une API sécurisée et conforme aux besoins du client.

🔧 Objectifs :

. Concevoir et développer une API sécurisée pour gérer les utilisateurs, sauces, évaluations et interactions.

. Implémenter des bonnes pratiques de sécurité, notamment le hachage des mots de passe et la protection contre les attaques courantes.

. Assurer la conformité aux spécifications fournies par la cheffe de produit.

. Travailler en étroite collaboration avec l’équipe front-end pour garantir une bonne intégration de l’API.

. Tester et valider les endpoints de l’API pour garantir robustesse et fiabilité.

🎯 Ce projet m’a permis de :

. Approfondir mes compétences en développement back-end (API REST)

. Mettre en œuvre des pratiques sécurisées de gestion des données sensibles

. Gérer un projet complet avec une importance forte sur la sécurité informatique

. Collaborer avec une équipe front-end et comprendre les besoins métier

🧑‍💻 Code source : https://github.com/DevJulBrd/Hot-P6-OpenClassrooms

📘 Projet réalisé dans le cadre de ma formation au développement web.

Participation au développement front-end d’un site e-commerce pour Kanap, une marque de canapés souhaitant étendre sa boutique physique en ligne. Le projet consiste à intégrer dynamiquement les contenus fournis par une API, en collaboration avec une équipe technique (CTO, développeur front-end, développeur back-end).

🔧 Objectifs :

. Intégrer dynamiquement les données de l’API sur les différentes pages (Accueil, Produit, Panier, Confirmation) à l’aide de JavaScript, en suivant une maquette déjà réalisée.

. Utiliser les identifiants HTML (“id”) fournis pour insérer les éléments dynamiques sans modifier la structure HTML ou le style CSS préexistant.

. S’assurer du bon fonctionnement des interactions front-end avec l’API back-end.

. Mettre en place un plan de test d’acceptation pour valider les fonctionnalités.

. Respecter les spécifications techniques et fonctionnelles fournies pour chaque page.

. Collaborer efficacement avec l’équipe pour un rendu conforme aux attentes.

🎯 Ce projet m’a permis de :

. Approfondir mes compétences en JavaScript dynamique et manipulation DOM

. Comprendre le travail collaboratif en équipe sur un projet web complet

. Travailler sur l’intégration front-end en contexte réel avec API externe

. Appliquer les bonnes pratiques d’architecture front-end et tests

🧑‍💻 Code source : https://github.com/DevJulBrd/Kanap-P5-OpenClassrooms