Freelancer profile translated to English.
Back to original languageAbout Fabien
I only accept 100% remote missions.
As a front-end architect specializing in Angular, I focus on project kickoff and refactoring of existing applications. My primary role is to ensure the quality, performance, and maintainability of front-end code, whether by designing a new architecture or improving an existing application.
Project Kickoff Missions
- Defining front-end architecture for new projects.
- Selecting technologies and tools suited to project needs.
- Implementing best practices and coding standards.
- Configuring development environments and build tools.
- Planning and designing initial features.
Refactoring Missions
- Analyzing existing code and identifying areas for improvement.
- Planning and executing refactoring.
- Optimizing code performance and maintainability.
- Migrating to newer versions of Angular and associated libraries.
- Reducing technical debt.
I work closely with back-end teams for API integration, with designers for user interface implementation, and with project managers and stakeholders to understand needs and requirements. I also contribute to training and mentoring junior developers, as well as setting up CI/CD pipelines with DevOps teams.
My main objective is to deliver robust and scalable front-end architectures for new projects, and to improve the quality and performance of existing code for refactoring missions. I continuously strive to reduce technical debt and facilitate the future maintenance of applications.
English
Conversational
French
Native or bilingual
Spanish
Fluent
Remote only
Primarily works remotely
Experience
- BpifranceCreation of BPIFrance's Design SystemBANKING AND INSURANCESeptember 2023 - April 2024 (7 months)Paris, FranceCreation of the "Propulsion" Design System for BPIFranceKey Points:
- Used by over **60 applications**.
- Developed **from scratch**.
- Based on **SOLID methodology**.
- Compliance withRGAA/AAA accessibilitystandards.
*Visual testsvia Chromatic.*Interaction testswith Storybook.*Theming managementvia SCSS.- **Design token-oriented architecture**.
Project Details:Non-intrusive and SOLID Components:Every element, from the initial SCSS property to complex components, is designed for clear separation of responsibilities. By following SOLID principles, we created components with unique functions, enhancing code maintainability and testability. Emphasis was placed on using native HTML components for seamless and efficient integration.RGAA/AAA Accessibility:Accessibility is a top priority. By targeting RGAA and AAA standards, we ensured that components are usable by everyone, including individuals with disabilities. Features such as keyboard navigation and ARIA tag usage were integrated. We also implemented mechanisms to prevent incorrect component usage, with direct feedback to developers via warning and error messages. Manual and automated tests ensure continuous compliance.Design Tokens:In close collaboration with designers, we established visual consistency for all BPIFrance applications. Design tokens offer flexibility and ease of design management, allowing for centralized modifications that propagate across all components. Integrated into the SCSS architecture, they ensure uniform and easily manageable implementation.This project was an exceptional opportunity to develop a comprehensive design system, adaptable to various technologies beyond Angular, and designed to effectively meet BPIFrance's evolving needs. - HubSpot France SASAssistance in writing an article about JavaScriptPRESS AND MEDIAJanuary 2023 - January 2023 (1 month)Paris, FranceHubspot needed professional assistance to produce an article for their blog about JavaScript. I helped the company answer readers' questions.
- GLADYLead Front-end Angular DeveloperSOFTWARE PUBLISHINGMarch 2022 - December 2022 (8 months)Paris, FranceProject OverviewGlady offers an employee benefits platform. Formerly Wedoogift, all applications underwent a redesign.In this context, my work involved taking the technical lead for the redesign of the showcase website.Technical StackThe technical stack is based on Angular for the front-end and the headless CMS Prismic for the back-end.SEOAs a showcase website, we had to consider specific referencing issues (SEO), which translated, for us developers, into using adapted HTML, an automatically updated sitemap, and indirectly by studying Core Web Vitals to improve user experience.Another important point was the implementation of SSR.AccessibilityGlady wants its applications to be accessible to everyone. Therefore, we developed all our components with the necessary considerations for users, respecting the RGAA standards proposed by the French Government for accessibility.Key Points- User Experience- Pixel Perfects- SEO and Core Web Vitals- Accessibility- Employee Training-----From a technical standpoint, we created an architecture based on data transformation (from retrieval to display) and inspired by CLEAN Architecture.
Reviews
V
Victor
GLADY
Reviewed on 12/15/2022
We greatly appreciated working with Fabien. He helped us a lot to launch our new showcase website in Angular (with SSR/Universal) and very well implemented the requested components and features while keeping in mind to produce a clean and maintainable project. He is also very responsive and available to intervene in case of problems on the project. Finally, he was able to train our internal developers on the project so that we can continue to maintain it.
Selim
HubSpot France SAS
Reviewed on 5/3/2023
Recommendations
VA
FU
+7
These freelancer profiles also match your criteria
Agatha Frydrych
Backend Java Software Engineer
4.7
(3)
2
Baptiste Duhen
Fullstack developer
4.6
(4)
5
Amed Hamou
Senior Lead Developer
4
(2)
7
Audrey Champion
Web developer
4.3
(3)
4
Education
- Ultimate Courses - TypeScriptUltimate Courses2018Formation Basics et Masterclass de Todd Motto
- Ultimate Courses - AngularUltimate Courses2018Formation Basics et Masterclass de Todd Motto
Certifications
- Web Project DesignerCEFII2017
