Jonathan Mavracic

Création de CViz.app, un SaaS IA de candidature permettant de créer, adapter et suivre ses candidatures depuis une seule interface. Je porte le projet de bout en bout : vision produit, UX, développement, mise en ligne, acquisition utilisateurs, monétisation et évolution de la roadmap. Le produit intègre un éditeur de CV, un éditeur de lettres de motivation, des automatisations IA, un coach IA, un suivi de candidatures, un système d’abonnement et des paiements Stripe. J’ai mis le produit en ligne rapidement grâce à un workflow de vibe coding structuré avec des agents IA : spécifications détaillées, génération assistée, revue du code, refactoring, tests et mise en production. Stack : Next.js, React, TypeScript, Tailwind CSS, shadcn/ui, Base UI, AI SDK, Drizzle, Stripe, Better Auth, PostHog, Sentry, Vitest, Playwright.

Intervention d’un an en tant que Lead Frontend sur la refonte de 3 sites e-commerce B2B, avec migration du front-end Magento 2 vers Next.js 15. Projet complexe réunissant une quarantaine de personnes, avec gros catalogue produits, comptes professionnels, prix personnalisés, disponibilité stock, règles métiers avancées, environnement multimarque et microservices parfois lents. Mon rôle : choix techniques et architecturaux, revue de PR, découpage des tickets, accompagnement de développeurs juniors et coordination avec les équipes backend, design et produit. J’ai principalement travaillé sur les listings et la recherche produits, l’internationalisation, la mise en cache avec Redis, les requêtes serveur Next.js, l’optimisation des performances, le design system et la refonte de composants complexes pour améliorer la maintenabilité et la vélocité de l’équipe. Stack : Next.js 15, React, TypeScript, GraphQL, Apollo Client, Tailwind CSS, React Aria, Redis, Vitest, Storybook, Cloudflare.

Développement du front public de l’agenda événementiel de la Métropole de Montpellier, aujourd’hui en production. J’ai porté l’architecture front-end, les choix techniques, l’intégration des maquettes Adobe XD et le développement des fonctionnalités principales, puis accompagné un autre développeur sur la suite du projet. Mon rôle : structurer le projet, développer les écrans clés, intégrer l’API existante, coordonner les échanges avec le prestataire back-office et garantir la qualité technique du front jusqu’à la mise en production. Fonctionnalités : recherche, filtres, fiches événements, internationalisation, authentification, carte, lecteur audio, responsive mobile, SEO, accessibilité et optimisation des performances. Projet livré dans les délais, avec un haut niveau de satisfaction client. Stack : Next.js, TypeScript, Tailwind CSS, next-intl, shadcn/ui, SSR, API REST.

Développement d’une application interne pour PeopleSpheres permettant de créer des connecteurs entre les API clients et les API internes, via un éditeur visuel de workflows. J’ai repris le projet sur de nouvelles bases techniques avec une architecture front-end par features, afin de rendre la codebase plus claire, maintenable et adaptée à la complexité métier. J’ai développé l’ensemble des fonctionnalités front-end : éditeur de workflows avec React Flow, nœuds personnalisés, formulaires de configuration, validation, sauvegarde, duplication, mocks d’API avec MSW et tests. Le projet nécessitait de gérer de nombreux cas de configuration tout en permettant d’avancer sans dépendre du backend. Mission d’environ 6 mois, livrée avec un haut niveau de satisfaction client. Stack : React, TypeScript, React Flow, React Query, React Router, React Hook Form, Zod, MSW, Jest.

Refonte et intégration complète du site web de Place de la Formation sur HubSpot, aujourd’hui en production. J’étais responsable de toute la partie front-end : architecture du projet, intégration des maquettes, développement des pages, création de modules HubSpot réutilisables en HubL, responsive design et organisation des contenus dans une structure claire et évolutive. La mission incluait également la mise en place des CTA, des tunnels de conversion HubSpot, du tracking Google Analytics / GTag, ainsi que la migration de l’ancien site vers la nouvelle plateforme. J’ai aussi géré les redirections des anciennes URLs afin de préserver le référencement lors de la migration. Mission de 4 mois, livrée rapidement grâce à un périmètre clair, une bonne autonomie et une exécution efficace. Stack : HubSpot, HubL, JavaScript, HTML, CSS, HubSpot CLI, Git, Node.js.

Collaboration régulière depuis près de 6 ans avec Armor sur le développement et l’intégration de templates d’emails et de landing pages pour des campagnes marketing Salesforce. J’interviens sur la création d’emails responsive, de landing pages et de contenus HTML/CSS/JavaScript intégrés dans Salesforce, en collaboration avec les équipes marketing et contenu. Les campagnes couvrent l’acquisition, la fidélisation, l’onboarding client, les relances commerciales, les newsletters et les communications événementielles. Cette collaboration longue durée repose sur ma disponibilité, ma réactivité, la qualité des livrables et le gain de temps apporté aux équipes marketing.

Participation pendant 7 mois au développement de la V2 du back-office Oppus, un SaaS RH / LegalTech destiné à faciliter la création et l’édition de documents légaux. J’intervenais comme développeur front-end senior au sein d’une équipe d’une dizaine de personnes, principalement sur l’éditeur de documents et l’intégration de l’UI Kit de la nouvelle application. J’ai travaillé sur des composants UI documentés dans Storybook, des formulaires métier avec React Hook Form, la gestion d’état avec Redux Toolkit, les appels API avec TanStack Query, les interactions avancées avec DnD Kit et les tests avec Jest. Le projet reposait sur un monorepo NX et une stack React / TypeScript moderne, avec une attention particulière portée à la qualité du code, à la maintenabilité et à la cohérence de l’interface. Stack : React, TypeScript, NX, TanStack Query, Redux Toolkit, React Hook Form, DnD Kit, Jest, Storybook.

Formation pendant plusieurs années d’alternants et de profils en reconversion au développement web full-stack pour Cloud Campus, en remote. J’ai accompagné plusieurs centaines d’apprenants sur les fondamentaux du web, le front-end, le back-end, les bases de données, Git, les API et des technologies comme JavaScript, PHP, Laravel, React et Node.js. Mon rôle incluait l’animation des cours, la création de supports pédagogiques, la conception d’exercices, l’accompagnement individuel, la correction de projets, les feedbacks et le suivi des soutenances. Les apprenants travaillaient sur des projets concrets, comme des mini-sites e-commerce, pour gagner en autonomie et préparer leur insertion dans le développement web.

Participation au développement d’une application e-learning pour Smartch, destinée aux formateurs, apprenants et entreprises. L’application permettait de créer et gérer des formations en ligne : modules de cours, quiz, vidéos, planning, sessions, suivi des apprenants et outils de gestion pour les formateurs. Au sein d’une équipe de 8 à 9 développeurs front-end, j’ai principalement travaillé sur les formulaires complexes de création et d’édition de modules, ainsi que sur le calendrier et l’agenda de planification. Les formulaires comportaient de nombreuses règles métier, avec comparaison de versions, validation avancée et gestion d’états multiples. J’ai aussi contribué à l’intégration Figma, au responsive, à l’internationalisation et aux tests automatisés. J’ai régulièrement aidé les autres développeurs à résoudre des problématiques front-end et à débloquer des sujets complexes. Stack : Next.js, TypeScript, Chakra UI, React Hook Form, Redux, i18n, Framer Motion, Nx, Docker.

Développement du front-end d’un SaaS de coaching sportif pour BeSport, aujourd’hui en production. Pendant plus d’un an, j’ai travaillé de façon très autonome sur une grande partie du produit côté front-end, à partir d’une architecture déjà en place. Le produit permettait aux coachs de créer des programmes d’entraînement, planifier des séances, suivre leurs clients et proposer des services payants. J’ai notamment développé un système de création de programmes CrossFit, un chronomètre avec plusieurs modes, AMRAP, EMOM, Tabata, pause, reprise et sauvegarde, un agenda avec filtres, un chat privé/public, des formulaires métier, la gestion multilingue et des animations d’interface. Stack : React, TypeScript, Apollo Client, GraphQL, Sass, UI kit maison, i18n.

Développement complet du front-end de Komunomo, un SaaS de réservation de logements pour les déplacements professionnels au Luxembourg, sur un modèle proche d’Airbnb. Seul développeur front-end sur le projet, j’ai également conçu le design de l’application et développé l’ensemble des interfaces : page d’accueil, listing, fiches logements, carte interactive, moteur de recherche, filtres, tunnel de réservation et profil utilisateur. J’ai notamment intégré Mapbox pour afficher les logements sur une carte avec des pins personnalisés, synchronisés avec les résultats de recherche. Mission réalisée avec une forte autonomie sur l’UX/UI, le responsive, la recherche avancée et les fonctionnalités principales de la marketplace.

Formation de 21 candidats au développement web full-stack sur une période de 6 mois, avec un apprentissage progressif de PHP, JavaScript et Laravel. J’ai animé des sessions de formation, conçu des exercices pratiques, accompagné les apprenants dans leur progression et adapté ma pédagogie à leurs niveaux. La formation couvrait les bases du développement web, la logique de programmation, le front-end, le back-end, la création d’applications et les bonnes pratiques de code. J’ai également assuré le suivi pédagogique, l’évaluation des acquis et la remise de feedbacks réguliers. Cette expérience renforce ma capacité à transmettre, accompagner des profils juniors et vulgariser des sujets techniques complexes.