Naar inhoud
EN
Menu
EN

Werk

Klantwerk en eigen projecten.

Van productontwikkeling rond een bestaande voorraad tot herbruikbare software en systeemonderzoek.

Klantwerk

  1. 2020–2023gwbo

    Yoot Portaal

    Portaal voor projectdossiers en documentbeoordeling.

    Bij bestaande klanten kwamen projectdocumenten vooral per e-mail binnen, zonder duidelijk overzicht van wat nog ontbrak of beoordeeld moest worden. Samen met de opdrachtgever werkte ik de eisen uit en bouwde ik de projectsjablonen, het datamodel, de Laravel-API en de Nuxt-interface. Na mijn stage bleef ik betaald aan Yoot werken tot de overdracht in maart 2023.

    Visuele reconstructie van een Yoot Portaal-projectdossier met vereiste documenten, fasen, versies, statussen, eigenaars en acties om bewijs te openen of te uploaden.
    Projectdossier – vereiste documenten, statussen en uploadacties

    ca. 25 gebruikers · bij laatste bevestiging in 2026 nog in gebruik

    • Laravel
    • MySQL
    • Nuxt
    • Vue
    Bekijk de case

  2. 2018–2019Factif

    Factif

    Frontend voor Factif en Sufficio.

    Ik bouwde de frontend voor Factif en later voor Sufficio. Daarbij werkte ik aangeleverde desktopontwerpen ook uit voor tablet en mobiel.

    Factif-homepagina met navigatie en een retailhero voor de ShopMaster-propositie.
    Homepagina – hero met de ShopMaster-propositie

    Factif-website ongeveer vijf jaar in gebruik

    • HTML
    • SCSS
    • JavaScript
    • PHP templates
    Bekijk de case

Eigen projecten

Productontwikkeling

2026–hedenIn ontwikkeling

Opvalo

Productontwikkeling voor tweedehands media.

Samen met Benjamin bouw ik Opvalo rond een bestaande voorraad tweedehands cd's en dvd's die sneller geïnventariseerd, beoordeeld en verkocht moet kunnen worden. De huidige ontwikkeling begint bij snelle foto-intake en een model dat partijen, releases en fysieke exemplaren van elkaar onderscheidt. Vanuit die basis ontwikkelen we productherkenning en beslissingen over de verdere verwerking.

  • Kotlin
  • CameraX
  • Android

Software

2026–hedenGepubliceerd op npm

scheme-tokens

Compiler voor design tokens.

scheme-tokens verwerkt design tokens met verwijzingen, modes en lagen. De compiler valideert de structuur, lost verwijzingen op en levert voor dezelfde input altijd dezelfde output.

  • TypeScript
  • JSON Schema
  • Vitest
  • CSS custom properties
Bekijk scheme-tokens op GitHub. Opent in een nieuw tabblad
Van tokens naar CSSAPI
Tokens
defineTokens()Tokengraaf
compileTokenGraph()compiled scheme
exportCssVars()CSS-variabelen
defineTokens()compileTokenGraph()exportCssVars()

Output: CSS-variabelen

  2. 2026–hedenBeta

    Snap Motion

    Interactiebibliotheek voor ruimtelijke UI-oppervlakken.

    Snap Motion bouwt carousels, galleries, sheets en andere onderbreekbare oppervlakken op een gedeelde framework-neutrale core voor geometrie en state. De Vue-laag verzorgt de DOM-integratie en interactie.

    • TypeScript
    • Vue
    • Motion
    • Playwright

    In gebruik op maikel.site voor mediagalleries en de mobiele navigatie.

    Bekijk Snap Motion op GitHub. Opent in een nieuw tabblad

  3. 2023–hedenPre-alpha

    Dekzer

    Pre-alpha desktopapp voor een betrouwbare muziekbibliotheek.

    De Electron- en Vue-interface werkt met een Rust-service en SQLite voor bronnen, indexering, zoeken en duurzame bibliotheekstate. De huidige V0 draait vanuit bron op Windows en is nog niet klaar voor live DJ-gebruik.

    • Electron
    • Vue
    • Rust
    • SQLite
    Bekijk Dekzer op GitHub. Opent in een nieuw tabblad

Onderzoek

  1. 2025–heden

    SeqWire

    Gedeeld geheugen zonder half bijgewerkte state.

    Onderzoekt hoe meerdere runtimes dezelfde state via gedeeld geheugen kunnen delen zonder dat een van hen een half bijgewerkte toestand ziet.

    • TypeScript
    • SharedArrayBuffer
    • AudioWorklet
    • WebAssembly
    Bekijk SeqWire op GitHub. Opent in een nieuw tabblad