Work
This is a showcase of some projects I've worked on. See something that you like? Feel free to get in touch.
Mansa
Mansa is a French lending company for small-to-medium businesses (SMEs) and independent workers.
I joined them as the first Frontend employee, implementing from scratch the Frontend architecture, a shared custom Design-System, internal & user-facing products, hired and onboarded a team of 6 full-time Frontend Engineers.
Stack
Full TypeScript codebase, the Frontend stack evolved around React and Next.js, in a Domain Driven Design (DDD) architecture across the stack.
User Interface
The Design System shared component library followed the Atomic Design methodology with visual testing and playground in Storybook.
Most documentation regarding the Design System was held in Figma, more specifically regarding UI components and design tokens.
Most UI elements were based on Radix headless primitives for accessibility and DX.
Data flow
TanStack Query (previously
named React-Query) was used for fetching API data and synchronizing it, handling
cache invalidation/revalidation and mutations. Synchronous local state being
mainly handled by React's useState() and useContext().
Form and payload validation was done with Zod, to guarantee type-safety and runtime validation (TypeScript's static type-checking not being enough to guarantee data sanity and prevent bugs).
Testing
Working in Financial products requires confidence and a good amount of testing. Unit Tests were done using Jest and Testing Library.
Integration and end-to-end tests were made using Cypress, which was a very convenient tool to mock backend APIs and focus on the Frontend flow, without having to spin the whole stack and containers.
Production site
🚧 This section is very much a work in progress, more items and details will be added very soon. Baby steps!