Intern beheerpaneel met AI-facturatie

Als eigen bedrijf hield ik klant- en factuurgegevens verspreid bij: een spreadsheet hier, een los document daar, facturen handmatig opgesteld en per e-mail verstuurd. Geen overzicht, veel handwerk, en makkelijk iets over het hoofd zien — een openstaande factuur, een verlopen offerte, een inkoopfactuur die ergens in een mailbox bleef liggen.

Ik bouwde het paneel met React, TypeScript en Firebase als backend (database, opslag, authenticatie), en breidde het module voor module uit: klanten, offertes, facturatie en abonnementen met automatische, terugkerende facturatie. Facturen worden als PDF gegenereerd en rechtstreeks als Outlook-concept of directe verzending verstuurd, via de Microsoft Graph API.

De nieuwste toevoeging is de inkoopkant: leveranciersfacturen uploaden als PDF, waarna Gemini (via Firebase AI Logic, rechtstreeks vanuit de browser aangeroepen, beveiligd met App Check) de leverancier, het bedrag, de datum en de factuurgegevens zelf herkent en het formulier voorinvult — ik controleer en bevestig, de rest gaat vanzelf.

Het resultaat is een paneel dat elke week meegroeit: nieuwe wensen worden er gewoon bijgebouwd in plaats van dat er een nieuwe losse tool bij komt. De werkende mini-versie hierboven laat zien hoe het dashboard, het klantenoverzicht en de facturenlijst er in de praktijk uitzien — inclusief de klikbare statusdropdown, precies zoals in het echte paneel.