Julien Bernard

📘 Freelance project as a front-end developer.

Participated in the development of the new web platform for Kasa, the French leader in peer-to-peer apartment rentals. The mission involved a complete front-end redesign with React, following Figma mockups and adhering to a modern, responsive, and high-quality architecture.

🔧 Objectives:

. Initialize the React project and set up the overall application structure.

. Develop React components and manage navigation with React Router.

. Implement the photo gallery with cyclic navigation (returning to the first image after the last and vice versa).

. Develop Collapse components with open/close behavior on click.

. Ensure the application is 100% responsive (mobile, tablet, desktop) according to Figma mockups.

. Work with a JSON file simulating backend data while awaiting backend developer recruitment.

🎯 This project allowed me to:

. Deepen my skills in React.js, state management, and routing.

. Work from Figma mockups with a design system/component approach.

. Implement maintainable, responsive, and performant front-end code.

. Manage a freelance project in a real professional context.

🧑‍💻 Source code: https://github.com/DevJulBrd/Kasa-P7-OpenClassrooms

📘 Project completed as part of my web development training.

Participated in the design and development of the backend API for Hot Takes, a web application for hot sauce reviews for the brand Piiquante. This first version allows users to share their favorite sauces and interact via likes/dislikes. The front-end was developed in Angular and pre-compiled; my mission was to build a secure API compliant with client needs.

🔧 Objectives:

. Design and develop a secure API to manage users, sauces, ratings, and interactions.

. Implement security best practices, including password hashing and protection against common attacks.

. Ensure compliance with specifications provided by the product manager.

. Work closely with the front-end team to ensure good API integration.

. Test and validate API endpoints to ensure robustness and reliability.

🎯 This project allowed me to:

. Deepen my skills in backend development (REST API).

. Implement secure practices for managing sensitive data.

. Manage a complete project with a strong focus on IT security.

. Collaborate with a front-end team and understand business needs.

🧑‍💻 Source code: https://github.com/DevJulBrd/Hot-P6-OpenClassrooms

📘 Project completed as part of my web development training.

Participated in the front-end development of an e-commerce site for Kanap, a sofa brand looking to expand its physical store online. The project involved dynamically integrating content provided by an API, in collaboration with a technical team (CTO, front-end developer, back-end developer).

🔧 Objectives:

. Dynamically integrate API data on various pages (Home, Product, Cart, Confirmation) using JavaScript, following an existing mockup.

. Use provided HTML IDs to insert dynamic elements without altering the existing HTML structure or CSS styling.

. Ensure proper functioning of front-end interactions with the back-end API.

. Implement an acceptance testing plan to validate functionalities.

. Adhere to the technical and functional specifications provided for each page.

. Collaborate effectively with the team for a result that meets expectations.

🎯 This project allowed me to:

. Deepen my skills in dynamic JavaScript and DOM manipulation.

. Understand collaborative teamwork on a complete web project.

. Work on front-end integration in a real context with an external API.

. Apply front-end architecture and testing best practices.

🧑‍💻 Source code: https://github.com/DevJulBrd/Kanap-P5-OpenClassrooms