Skip to content
BXGLNDR

PRJ-2026-15ProductWork in progress

HUB, the site you are reading and the private tool running behind it

One tool, from first contact to invoice.

Project at a glance

The need
One tool to hold contacts, quotes, invoices, projects and knowledge, with a public shop window.
My contribution
End-to-end design, development and operations: bilingual public site, private tool, design system and deployment.

What was built

  • FR / EN portfolio
  • Customers, quotes and invoicing
  • AI agents and workflows
  • "Registre" design system

Personal tool in progress, neither sold nor open to other accounts. The hub screenshots show a sample workflow and the design system, with no real data.

Preview: HUB
Nature
Web application: bilingual public site and private management tool · personal project in progress
Period
Since October 2026
Client
HUBPersonal project: this site and BXGLNDR’s private tool

The need

Working alone with several clients takes a tool that holds everything: contacts, quotes, invoices, ongoing projects and what you learn along the way. Rather than stacking subscriptions, I built my own, and this site is its shop window.

The public side

  • This portfolio, in French and English; every figure published carries its source.
  • A publication audit on import: an excluded project, an email address, a phone number, a contact’s name or an internal price blocks publication.
  • Content readable without JavaScript; the brand’s animated opening stops at the first gesture and does not play when you ask for less motion.

The private side

  • Customers and pipeline, quotes with a personalised link, invoices and credit notes, a receipts ledger.
  • Invoicing held by the database: numbering only goes through it, an issued document can be neither edited nor deleted, amounts are whole cents and dates follow the Paris day.
  • Always-on AI agents, with budgets and approvals, and a canvas workflow editor.
  • Knowledge, project tracking, an Instagram content generator, transfers between phone and computer, AI quota tracking and a voice assistant.
  • A single account, mine, with two-factor authentication; secrets are kept in an encrypted vault.

How it is built

Next.js, React and strict TypeScript, PostgreSQL 17, a permanent process for background jobs, an in-house design system ("Registre") and written architecture decisions. The code is split into business modules whose boundaries are checked automatically. It all runs in Docker containers on a dedicated server, with a rollback ready at each release; the checks (types, code rules, unit tests, integration tests on a real database and end-to-end tests) pass before each deployment.

Evidence

Every figure carries its source. No commercial result is claimed.

  1. 18

    Business modules in the code

    SourceThe repository’s modules folder, 13 October 2026

  2. 14

    Written architecture decisions

    SourceThe repository’s decisions folder, 13 October 2026

  3. 1 705

    Unit tests passing

    SourceRepository checks, 13 October 2026

What is not claimed

HUB is a personal tool: it is neither sold nor open to other accounts. The hub screenshots show a sample workflow and the design system page, with no customer, no invoice and no real figure; the sidebar and the status bar are out of frame. No production measurement is published.

Technical details

The technologies used for this project. Features and their limits are detailed in the narrative.

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

Expertise involved

A similar need?

Let's discuss your context and what you would like to simplify.

Talk about your project