PlateCreate – Configurator voor kentekenplaathouders

Uitdaging: een professionele ontwerpeditor bouwen die tekst, afbeeldingen, vormen en vrij tekenen pixelperfect ondersteunt, en die toch intuïtief blijft voor niet-technische gebruikers op desktop en mobiel.

Oplossing: ik bouwde de editor op Konva.js, met 50+ lettertypen voor kentekenplaathouders, zes vormtools, vier soorten penselen met instelbare dekking en volledig lagenbeheer met z-indexbesturing. Slim uitlijnen in Canva-stijl geeft hulplijnen voor het midden, de randen en de onderlinge uitlijning van elementen, ook als die gedraaid zijn. De editor heeft ongedaan maken en opnieuw uitvoeren met volledige geschiedenis, sneltoetsen, draaien dat automatisch vastklikt op rechte hoeken, zoomen (10%–300%), rasteroverlays, linialen en export naar PNG en PDF in hoge resolutie voor drukklare bestanden. Een responsive interface met een uitschuifpaneel onderaan en een zwevende werkbalk zorgt voor een soepele ervaring op elk apparaat.

Uitdaging: vijf gebruikersrollen ondersteunen (gewone gebruikers, superbeheerders, autodealers, drukkerijen en vastgoedpartners), elk met eigen dashboards, rechten en workflows, naast een volledige e-commerceketen met betalingen, een marktplaats en inzamelingsacties.

Oplossing: ik ontwierp een systeem op basis van rollen dat elke gebruiker automatisch naar het juiste dashboard stuurt, met een eigen portaal per type gebruiker. Autodealers beheren templates en kortingscodes, drukkerijen voeren bestellingen uit die op basis van hun servicegebied worden toegewezen, en vastgoedpartners stellen automatische verzendingen in. Het platform gebruikt Stripe voor een veilige checkout met webhookverwerking, en bevat een marktplaats voor ontwerpen met goedkeuring door een beheerder, inzamelingsacties met doelen en opnameverzoeken, en een referralprogramma met tegoed als beloning en bescherming tegen zelfverwijzing.

Uitdaging: snelle laadtijden en een veilig authenticatiesysteem leveren op een platform vol functies, met hosting op edge-infrastructuur, opslag op basis van SQLite en objectopslag voor uploads van gebruikers.

Oplossing: ik bracht het platform live op Cloudflare Pages, met D1 (SQLite) als database en R2 voor de opslag van afbeeldingen. Met 22 database-indexen en agressieve HTTP-caching (10 minuten browsercache, 2 uur CDN-cache) laden dashboards in minder dan 100 ms: een verbetering van 95%. Authenticatie werkt met sessietokens en tweestapsverificatie (eenmalige code via e-mail met Resend, via telefoon met Twilio), sessiecaching van 30 seconden die het aantal databaseaanvragen met 90% verlaagt, rate limiting op gevoelige endpoints en wachtwoordhashing met bcrypt. Het platform draait op 44 databasemigraties met ACID-conforme transacties.