Paul V.

Dans le cadre de mon expérience récente au sein d'une entreprise du secteur automobile, j'ai eu l'opportunité de jouer un rôle clé dans la création et l'intégration d'un dashboard complet ainsi qu'un design system robuste, destiné à centraliser et standardiser les composants UI pour plusieurs applications internes. Ce projet a été réalisé en utilisant Next.js 15 pour ses capacités de rendu côté serveur et client, ainsi qu'une architecture monorepo optimisée avec Turborepo et PNPM pour la gestion efficace de multiples packages.

Le design system a été développé avec l'aide de Storybook, un outil puissant permettant de documenter, tester et visualiser les composants dans un environnement isolé, ce qui a considérablement facilité la collaboration avec les équipes de design et de développement. Grâce à cette approche, nous avons pu garantir une uniformité visuelle et fonctionnelle à travers toutes les applications de la plateforme.

Côté qualité, nous avons mis en place une couverture complète de tests, avec des tests unitaires automatisés via Jest pour chaque composant, garantissant la stabilité et la fiabilité du code. En complément, nous avons également utilisé Playwright pour les tests end-to-end, afin de simuler les scénarios d’utilisation réels et d'assurer une expérience utilisateur fluide et sans bug à travers le dashboard.

Ce projet a permis de fournir une solution modulaire, évolutive et maintenable, qui non seulement répondait aux besoins actuels de l'entreprise, mais qui est également prête à s’adapter aux évolutions futures du produit.

En tant que co-fondateur et développeur full stack chez Avablur, j'ai eu la responsabilité de prendre en charge l'intégralité du développement web du projet. Cela comprenait la création d'une landing page avec Next.js, le développement d'un dashboard avec Next.js et Material UI, ainsi que la mise en place du backend en Node.js.

Création d'une Landing Page avec Next.js :

J'ai conçu et développé une landing page complète pour présenter les produits et services d'Avablur.

Mon travail comprenait :

L'architecture de la page en utilisant Next.js pour un chargement rapide et fluide.

L'intégration de composants React réutilisables pour faciliter la maintenance.

L'utilisation de tailwindcss pour une stylisation efficace.

L'optimisation de la page pour une expérience utilisateur fluide sur toutes les plateformes.

Création d'un Dashboard avec Next.js et Material UI :

J'ai développé un tableau de bord interne qui permettait à l'équipe Avablur de gérer efficacement les tâches liées à l'anonymisation faciale.

Mon travail comprenait :

La mise en place d'un tableau de bord réactif avec Next.js pour une navigation rapide. L'utilisation intensive de Material UI pour créer des composants esthétiques et fonctionnels. L'intégration de graphiques interactifs pour visualiser les données de manière compréhensible.

L'implémentation de l'authentification et de l'autorisation pour garantir la sécurité des données.

Développement du Backend en Node.js :

J'ai également développé le backend de l'application en utilisant Node.js. Mon travail a inclus :

La conception et la création d'une API RESTful pour permettre aux composants frontend d'interagir avec la base de données.

La gestion de la base de données, y compris la modélisation des données et l'utilisation de bases de données PostgreSQL.

L'implémentation de fonctionnalités avancées telles que la recherche, la filtration et la gestion des utilisateurs.

La sécurisation de l'API avec des mécanismes d'authentification et d'autorisation robustes.

J'ai travaillé sur le développement d'un dashboard en Nuxt.js, avec pour objectif de créer une interface puissante permettant aux utilisateurs de shipper et de scaler des applications sur la blockchain via une API dédiée.

. Mise en place de l’architecture Nuxt Js

. Intégration des nouvelles fonctionnalités

. Recrutement, et accompagnement d'un designer au sein de l'équipe

. Gestion du responsive design (desktop et mobile)

. Refactorisation du code avec nuxt Js/composition-api' afin d'utiliser les nouvelles fonctionnalités de Vue3 Js et notamment swrv (stale-while-revalidate)