Aller au contenu
BXGLNDR

PRJ-2026-15ProduitEn cours

HUB, le site que vous lisez et l’outil privé qui tourne derrière

Un seul outil, du premier contact à la facture.

Le projet en bref

Le besoin
Un seul outil pour tenir les contacts, les devis, les factures, les projets et le savoir, avec une vitrine publique.
Ma contribution
Conception, développement et exploitation de bout en bout : site public bilingue, outil privé, design system et déploiement.

Ce qui a été réalisé

  • Portfolio FR / EN
  • Clients, devis et facturation
  • Agents IA et workflows
  • Design system « Registre »

Outil personnel en cours, ni vendu ni ouvert à d’autres comptes. Les captures du hub montrent un workflow d’exemple et le design system, sans donnée réelle.

Aperçu : HUB
Nature
Application web : site public bilingue et outil de gestion privé · projet personnel en cours
Période
Depuis octobre 2026
Client
HUBProjet personnel : ce site et l’outil privé de BXGLNDR

Le besoin

Travailler seul avec plusieurs clients demande un outil qui tienne tout : les contacts, les devis, les factures, les projets en cours et ce que l’on apprend en chemin. Plutôt que d’empiler des abonnements, j’ai construit le mien, et ce site en est la vitrine.

La partie publique

  • Ce portfolio, en français et en anglais ; chaque chiffre publié porte sa source.
  • Un audit de publication à l’import : un projet exclu, une adresse e-mail, un numéro de téléphone, le nom d’un contact ou un prix interne bloquent la mise en ligne.
  • Un contenu lisible sans JavaScript ; l’ouverture animée de la marque s’arrête au premier geste et ne joue pas quand vous demandez moins d’animations.

La partie privée

  • Clients et pipeline, devis avec un lien personnalisé, factures et avoirs, livre des recettes.
  • Une facturation tenue par la base : la numérotation ne passe que par elle, une pièce émise ne se modifie ni ne se supprime, les montants sont en centimes entiers et les dates au jour de Paris.
  • Des agents IA permanents, avec budgets et approbations, et un éditeur de workflows en canevas.
  • Le savoir, le suivi des projets, un générateur de contenus Instagram, des transferts entre téléphone et ordinateur, le suivi des quotas d’IA et un assistant vocal.
  • Un seul compte, le mien, avec une double authentification ; les secrets sont rangés dans un coffre chiffré.

La fabrication

Next.js, React et TypeScript strict, PostgreSQL 17, un processus permanent pour les tâches de fond, un design system maison (« Registre ») et des décisions d’architecture écrites. Le code est découpé en modules métier dont les frontières sont vérifiées automatiquement. Le tout tourne en conteneurs Docker sur un serveur dédié, avec un retour arrière prêt à chaque mise en ligne ; les contrôles (types, règles de code, tests unitaires, d’intégration sur une vraie base et de bout en bout) passent avant chaque déploiement.

Preuves

Chaque chiffre porte sa source. Aucun résultat commercial n’est revendiqué.

  1. 18

    Modules métier du code

    SourceDossier des modules du dépôt, 13 octobre 2026

  2. 14

    Décisions d’architecture écrites

    SourceDossier des décisions du dépôt, 13 octobre 2026

  3. 1 705

    Tests unitaires au vert

    SourceContrôles du dépôt, 13 octobre 2026

Ce qui n’est pas affirmé

Le HUB est un outil personnel : il n’est ni vendu ni ouvert à d’autres comptes. Les captures du hub montrent un workflow d’exemple et la page du design system, sans client, sans facture et sans chiffre réel ; la barre latérale et la barre d’état sont hors cadre. Aucune mesure de production n’est publiée.

Détails techniques

Les technologies utilisées pour cette réalisation. Les fonctions et leurs limites sont détaillées dans le récit.

  • Next.js
  • React
  • TypeScript
  • Tailwind CSS
  • PostgreSQL
  • Drizzle
  • Docker

Savoir-faire mobilisé

Un besoin similaire ?

Parlons de votre contexte et de ce que vous aimeriez simplifier.

Parler de votre projet