Personal · 2025–2026
The site you are on. A portfolio built as a desk: cards you can drag around, a flip clock, sticky notes, a vinyl music player and a dock. Content comes from a Payload CMS, and the videos rail reads my posts straight from my own Sociona API.
read the case study ↓A developer portfolio is usually a page of cards. I wanted mine to feel like a place: personal, a bit playful, and clearly built by someone who cares about the details. It also had to work as a real portfolio, with proper case studies, a blog, a way to download my CV and no need to touch code to update anything.
A desk with things on it needs no instructions. Pick up a card, tape a note, put on a record.
Payload holds projects, pages, posts, media and the layout of the home page, with drafts and on-demand revalidation, so publishing is fast and safe.
Slight rotations, tape, paper shadows, a pegged clothesline for the work and a rope for the videos. Small details carry the whole idea.
One designed stage, scaled to the viewport, keeps the composition intact. Phones get a clean flow layout instead.
The videos come from Sociona, the case studies come from the repos I built, and the stack page lists the machines I actually use.
Template portfolios share one shape: a hero, a grid of projects and a contact form. This one trades neatness for character, without giving up the parts a hiring manager needs.
Next.js 16App router, server components and view transitions
Payload CMS 3Collections, drafts, rich text and the admin
PostgreSQLThe CMS database, migrated per change
GSAPPinned and scroll-driven sections on the project pages
MotionDragging, springs and entrance animation
Tailwind CSS 4Styling, with a hand-written canvas stylesheet
VercelHosting and deploys from master
Sociona, Spotify and GitHub APIsLive content on the home pageEach desk board is a fixed design stage scaled to the viewport, with a gentle cap on big screens and drag offsets stored in stage units.
The JavaScript-driven pin was replaced with position: sticky, and a page wrapper that kept a blur filter was cleared so the browser could composite it.
The clock now reads the time only after mount, and dates are formatted in a fixed time zone.
Previews are read from Spotify's public embed page, with each track's own cover looked up separately.
Covers are fetched fresh on the server from each platform and cached for a few hours, never stored.
Each write-up is a script that reads the project's repo and writes the story, stack and results into the CMS, so it can be re-run.
The site is live and is how I present my work. These numbers describe what was built.
The site you are looking at. Next.js and Payload CMS, with live content from my own products.
Drag a card, change the music, or open a project.
HomeCare Assist: an Android app for elderly independence. Medication and routine tracking, a Gemini Live voice assistant, Google Home scenes you can trigger by saying "I'm cold", an emergency system and a caregiver dashboard, written in Kotlin and Jetpack Compose.
Want something like This portfolio?
Tell me what you're making and I'll tell you how I'd build it.