Portfolio — Développement Web Fullstack
Trois problèmes.
Trois solutions.
Du code qui sert.
Chaque projet naît d'une friction réelle. Un besoin concret, une personne que je connais, une obsession personnelle. Je ne construis pas des applications pour le plaisir de coder. Je résous des problèmes que personne d'autre n'a résolu de la façon dont je voulais qu'ils soient résolus. La stack technique est un moyen, pas une fin. L'or (aureum en latin) est le fil conducteur : la précision, la valeur durable, le soin du détail.
Projet I — Le plus abouti
01 / Aureum Vitae
Aureum Vitae
Application de gestion de santé et de biohacking. Agrégation de données biométriques, prédiction de forme physique par algorithme custom, et protocoles d'optimisation personnalisés. Plusieurs mois de travail — mon projet le plus ambitieux à ce jour.
Développement actif
React
TypeScript
Vite
Node.js
MySQL
◆ Le problème
Les applications de santé existantes sont fragmentées : Strava pour le sport,
Oura pour le sommeil, Apple Health pour les steps, des PDF pour les analyses sanguines.
Aucun outil ne corrèle ces données, ne détecte les tendances sur le long terme,
ne prédit ta forme physique, ne t'indique quand tu vas performer ou régresser.
Le biohacking reste un sport d'élite avec des feuilles Excel et des intuitions.
◈ La solution
Aureum Vitae agrège toutes les sources — capteurs wearables, saisie subjective
(humeur, énergie, stress), analyses sanguines, protocoles nutritionnels dans une
timeline unifiée. Mon algorithme custom croise ces variables pour prédire
la forme physique et suggérer des ajustements. Le design est pensé pour
la rétention d'attention : tu consultes ta donnée en 30 secondes, pas en 10 minutes.
1 / 4
6+
Mois de dev
12+
Sources de données
∞
Obsession
Choix de design
La donnée comme bijou. J'ai choisi Cormorant Garamond pour élever la donnée biométrique
au rang d'artefact précieux. Pas de dashboard clinique, mais un journal de bord esthétique.
Les graphiques sont minimalistes,
sans gridlines parasites. Chaque écran est conçu pour être scanné, pas lu.
Prédiction de forme — Algorithme propriétaire croisant sommeil, HRV, alimentation, protocoles, charge sportive et subjectif
Protocoles — Bibliothèque de protocoles (jeûne, supplémentation, cold exposure) avec tracking
Analyses sanguines — Multiples biomarqueurs, seuils de normes, tendances historiques
Synchro capteurs — Polar, autre intégrations à venir
Projet II — Usage quotidien
02 / Arcana Cella
Arcana Cella
Application de gestion de cave à bière ultra-complète. Construite pour mon père, passionné de bières artisanales, après la dépréciation de son outil précédent. Il l'utilise quotidiennement. C'est le projet le plus abouti en termes d'UX réelle.
Bêta privée
React
TypeScript
Vite
Supabase
◆ Le problème
L'application que mon père utilisait depuis des années pour gérer sa cave de 300+ bières artisanales
a été dépréciée sans avertissement.
Les alternatives existantes sont soit trop simplistes (simple liste), soit trop complexes
(logiciels de cave à vin adaptés à la bière de force). Aucune ne comprenait
la spécificité de la bière artisanale : les lots, les brasseries éphémères,
les dégustations comparatives, la maturation.
◈ La solution
Arcana Cella est une cave à bière numérique pensée par et pour un collectionneur.
Chaque bière a une fiche complète (brasserie, style BJCP, IBU, ABV, date de brassage,
date de dégustation, notes personnelles). L'export est ouvert (JSON/CSV).
1 / 3
300+
Bières indexées
1
Utilisateur quotidien (mon père)
0
Dépendances propriétaires
Choix de design
La cave comme sanctuaire. L'interface évoque un inventaire de bibliothèque
plus qu'une app de e-commerce. Les cartes de bières ressemblent à des ex-libris — avec typographie
Cormorant Garamond, et un système de "cotes" visuelles
(note personnelle). Supabase a été choisi pour l'auth zero-config
et la sync temps réel entre appareils (mon père consulte sur téléphone et tablette).
Fiche bière complète — BJCP style, brasserie, lot, date, IBU, ABV
Export complet — toutes les données complètes au format JSON
Sync multi-appareils — Supabase Realtime, accès instantané téléphone/tablette/desktop
Recherche avancée — Filtres combinés par style, brasserie, note, date, disponibilité
Projet III — Patrimoine
03 / Aureum Wealth
Aureum Wealth
Application de gestion de patrimoine pour un ami. Comptes, assets, transactions, répartition sectorielle et géographique, projection de croissance. Une vision unifiée de la santé financière, sans les frais cachés des banques privées.
Développement
React
TypeScript
Vite
Node.js
MySQL
◆ Le problème
Mon ami gère un patrimoine diversifié — comptes courants, PEA, crypto,
immobilier, — mais aucun outil ne lui donne une vision consolidée.
Les banquiers proposent des rapports trimestriels payants. Les apps de bourse
ne gèrent pas l'immobilier. Excel est flexible mais demande une maintenance constante.
Il voulait un cockpit : une seule page où tout son patrimoine est lisible,
actualisable, et projectible.
◈ La solution
Aureum Wealth est un tableau de bord patrimonial unifié. Saisie manuelle et future connexion aux banques via API. Répartition visuelle par classe d'actifs,
sectorielle et géographique. Calcul automatique des plus-values sur les assets. Le tout sans intermédiaire, sans commission, sans vendor lock-in.
1 / 3
5+
Classes d'actifs
5+
Catégories d'alertes de dépense
0€
Frais de gestion
Choix de design
Le patrimoine comme architecture. J'ai évité les dashboards financiers classiques
(trop de chiffres, trop de rouge/vert agressif). À la place, une cartographie visuelle
du patrimoine : heatmap pour les dépenses, lignes temporelles douces,
et un système de "cartes" pour chaque compte/asset. L'or (#c9a96e) est réservé aux
projections positives et aux objectifs atteints. Le vert/rouge conventionnel est banni —
remplacé par des gradients de saturation qui indiquent la distance à l'objectif, pas le jugement.
Consolidation multi-comptes — Banques, PEA, assurance-vie, crypto, immobilier, SCPI
Répartition visuelle — Heatmap, secteur, géographie, devise
Définition d'objectifs — Objectifs atteignables et mesurables en associant certains comptes
Rapport PDF — Génération automatique de rapports détaillés
Méthode — Comment je construis
"Le code est une forme de pensée rendue exécutable. Chaque projet commence par une friction
ressentie — pas par une techno à tester. La stack suit le problème, jamais l'inverse."
— Note de travail, 2025
Problème d'abord — Aucun projet ne naît d'une techno. Il naît d'une personne qui a besoin de quelque chose.
Stack minimaliste — React + TypeScript + Vite pour le front. Node ou Supabase pour le back. Pas de framework à la mode sans raison.
Design system maison — Cormorant Garamond, or #c9a96e, dark mode natif. Chaque app partage une âme visuelle mais pas un template.
Données propriétaires — Export ouvert, pas de lock-in. L'utilisateur possède ses données, pas l'inverse.
Chaque ligne de code est un vote pour le monde que l'on veut habiter.
Je vote pour la précision, la durabilité, et l'or dans les détails.
// aureum.exe — build: stable, status: iterating