Workbench

A lab where I explore technologies, integrations and small end-to-end systems.

On the bench
04
Online now
02
Draft
01
Retired
01
  • Developer Lab IIInext 16 · typescript · vercelStage 4 of 4respondsyou are here
    sketchmockupbuildonline

    Next.js 16 with the App Router. Two-language localization handled by a dictionary, not an external library. Contact form with a server action instead of an API route.

  • Developer Lab IInext · postgres/neon · vercelStage 4 of 4responds
    sketchmockupbuildonline

    Integration with Postgres on Neon. The linked demo is not this iteration: it’s a separate web app, built to test the database. Layout, theme, colors and fonts rebuilt from scratch after an AI-assisted review.

    the demo (opens in a new tab)
    The home page of the second version of the site.
    home · next
  • Developer Lab IreactStage 3 of 4retired
    sketchmockupbuildonline

    UI design basics: personas, user journey, page structure. First React implementation.

    Retired, but it stays on the bench: without this one the second would make no sense.

    A Figma window showing the wireframes of the first version of the site.
    wireframe · figma
    Figma mockups of the screens of the first version of the site.
    mockup · figma
  • ShelfAIesp32 · camera · modelStage 1 of 4sketch only