Technische aantekeningen

• Een echte engine, geen oefenzandbak: natuurkunde, vernietiging, dynamische belichting en vloeistofsimulatie, allemaal aangestuurd zonder code
• 2D en 3D op één platform, zodat een project in ambitie kan groeien zonder ergens anders opnieuw te worden gebouwd
• Ingebouwde werkplaatsen voor materialen, logica en scènes. De hele maakketen zit in het product, en daar zit de echte voorsprong
• Twee 3D-engines achter één editor ingebouwd, Three.js en Babylon.js, in plaats van het platform op één renderer te zetten
• Uitleg → Zandbak → Publiceren → Delen, zodat een volslagen beginner de eerste sessie afsluit met iets speelbaars dat via een link te delen is
• Aanmelden via Clerk met opslag van materialen op S3 via vooraf ondertekende uploadadressen
• Testen gevoerd als geschreven foutrapport, elk probleem gevolgd met oorzaak, oplossing en controlestatus

Technische aantekeningen

• JustTheMic. De streamer zendt zijn geluid uit in aparte sporen (microfoon, spel, muziek, gasten) en elke kijker mengt zijn eigen balans in de browser. Zet het spel zachter, demp de muziek, houd de stem. Niemand anders laat het publiek de mix bepalen.
• Live ondertiteling, vertaald per kijker. De OBS-plugin maakt de ondertitels lokaal in realtime, het platform stuurt ze door, en de extensie vertaalt ze naar de taal die deze kijker spreekt. Een streamer die in één taal uitzendt bereikt een publiek in alle talen, zonder iets anders te doen.
• Een native plugin, een doorgeefpunt in de cloud en een browserextensie die samen één keten met lage vertraging vormen: drie verspreidingskanalen, drie uitgifteprocessen, één product
• 37 genummerde ontwikkelfasen met aparte publieke, technische en interne wijzigingsnotities. Het uitgifteproces is een systeem, geen bijzaak
• Zelfgeschreven Postgres-migratieloper met afwijkingsgeschiedenis, zodat schemawijzigingen terug te draaien en te controleren zijn
• Realtime inlezen van de Twitch-IRC via tmi.js plus een spraakbrug met Discord, allebei bestand tegen herverbindingen en verzoeklimieten
• Versleutelde opslag van inloggegevens met @noble/ciphers voor OAuth-tokens van derden

Technische aantekeningen

• Gebouwd voor en in gebruik genomen bij een echt bedrijf. Het maakte deel uit van het TutorMax-pakket dat de maandelijkse softwarekosten van ~$ 15.000 naar ~$ 500 bracht
• Schaft licenties per gebruiker volledig af. De 200e gebruiker toevoegen kost hetzelfde als de 20e
• Door het in eigen beheer te draaien verlaten interne gesprekken nooit infrastructuur die het bedrijf bezit
• Firebase Auth als enige aanmeldpoort, aan de serverkant gecontroleerd met de beheer-SDK
• Daily.co-spraakkamers met de levensduur aan de serverkant geregeld, zodat clients nooit sleutels in handen hebben
• Levert naast de webclient een Android-app, zodat het team ook buiten het bureau bereikbaar is zonder een tweede rekening per gebruiker
• Oorspronkelijk op Matrix gebouwd. Het gefedereerde protocol is er volledig uit gehaald zodra duidelijk werd dat het product het niet nodig had. De omvang beperken won het van het verdedigen van reeds gemaakte kosten.

Technische aantekeningen

• Havok-natuurkundesimulatie in de browser met een server die het laatste woord heeft over de racestand
• Twee besturingsroutes in één simulatie: door de chat gestuurde AI-rijders en live invoer via WebSocket van menselijke coureurs
• Monorepo met pnpm-werkruimtes die spelclient, server en gedeelde typen scheidt
• Eigen keten voor circuits en texturen die de Babylon-scène voedt

Technische aantekeningen

• Eén codebasis, twee extensieplatformen: de Chromium- en Firefox-versies komen uit één esbuild-keten
• LiveKit WebRTC-client die binnen een inhoudsscript draait voor meeluisteraudio met lage vertraging
• Ondertitels en overlays getekend binnen andermans DOM waar ze geen zeggenschap over heeft, zonder de pagina eromheen te breken
• Functies die de uitzender vrijgeeft: kijkers zien alleen wat de streamer heeft aangezet

Technische aantekeningen

• C++ tegen de plugin-koppeling van OBS, een ander vak dan de webkant, en het bewijs dat het gereedschap geen grens is
• CMake-instellingen plus GitHub Actions voor herhaalbare builds op meerdere platformen
• Geleverd als een echt installatieprogramma, niet als een zip met bestanden en een leesmij met instructies

Technische aantekeningen

• Speelbaar browserprototype als eerste gebouwd, juist om de ontwerpvragen te beantwoorden voordat er een engine werd gekozen
• Een productieplan dat het werk zo ordent dat het spel aan het eind van elke fase speelbaar is
• Uitgeschreven ontwerpdocumentatie over de kernlus, de economie en de beslissingen die duur zijn om terug te draaien

Technische aantekeningen

• Afrekenen dat rekening houdt met de regio: welke betaalpartijen verschijnen hangt af van waar de koper zit
• Volledige Engels/Turkse vertaling over catalogus, afrekenen en transactieprocessen
• Prijzen in meerdere valuta met regels voor internationale verzending
• Eén portaal, twee doelgroepen: de bestelgeschiedenis van de klant en het beheer-CRM achter dezelfde schil

Technische aantekeningen

• Marktplaats met twee kanten en aparte processen voor aanvrager en uitvoerder, op gedeelde gegevens
• Standenmachine voor campagnes met beheerdersoordeel bij de controle- en uitbetaalstappen
• Controleketen voor makers die bepaalt wie betaald werk mag aannemen

Technische aantekeningen

• Tekstherkenning met Google Cloud Vision plus een lokale route via Tesseract om totalen uit bonfoto's te halen
• Dienstregistratie die de verdienanalyse voedt: uurtarief, beste diensten, verloop door de tijd
• Gratis en betaalde pakketten, afgerekend via Stripe
• Gebouwd op het echte werkritme van de vloer. Wie het gebruikt zit midden in een dienst, met één hand, en heeft haast

Technische aantekeningen

• Circa $ 14.500 per maand uit de bedrijfskosten gehaald, ongeveer $ 174.000 per jaar, door gehuurde systemen te vervangen door software die het bedrijf volledig bezat
• Overleggen werden automatisch meldingen. De AI haalde de uitgeschreven wekelijkse klantgesprekken op via de koppeling van Fathom, las wat er werkelijk was besproken, herkende de aangekaarte problemen en opende meldingen voor technische support zonder dat iemand notuleerde.
• De kennisbank schreef zichzelf. Dezelfde ronde haalde oplossingen en context eruit die in het gesprek opkwamen en nooit werden vastgelegd, en zette ze in de kennisbank, waarmee het probleem verdween dat het antwoord wel bestaat maar alleen in iemands hoofd.
• Getraind op interne documentatie, zodat de uitkomst aansloot bij hoe het bedrijf zijn eigen systemen werkelijk beschreef
• Een eigen neuraal netwerk gekoppeld aan elke afdeling: doordat alle systemen eigendom van het bedrijf waren, kon één model overleggen, chat, meldingen, gesprekken, verkoop en boekhouding tegelijk lezen. Na een leerperiode van twee à drie maanden beantwoordde het op verzoek vragen van de directie en bracht het terugkerende problemen aan het licht waar de leiding nooit van hoorde.
• Het model schaalde uit zichzelf op: een klacht die één keer werd genoemd, werd vastgehouden; een klacht die terugkwam werd aangekaart, getoetst aan de interne systemen op een bestaande oplossing, en geopend als melding als die er niet was
• Kanban voor twee doelgroepen: klanten volgden hun eigen meldingen, reageerden en sloten ze als een probleem zichzelf oploste, terwijl de interne technische discussie verborgen bleef en de directeur zicht hield op beide beelden
• Aparte interne en externe kennisbanken uit één inhoudsmodel, zodat een oplossing die één keer werd geschreven zowel het technische team als de klant diende
• Routering op hostnaam: portal.*, help.* en het hoofddomein leverden compleet verschillende routes en aanmeldregimes vanuit één codebasis en één uitrol

Technische aantekeningen

• Monorepo met pnpm-werkruimtes op Node 24 die de React-client scheidt van een Express 5-koppelvlak
• Spraakbediening om tijdens het koken tussen de stappen te bewegen
• Voorraadstand vergeleken met wat het recept vraagt om automatisch boodschappenlijsten te maken