MediaCrumbs

The site you're on right now — a one-pager portfolio built to show off projects, skills and personality with physics-based interactions and a live dot grid.

I needed a home on the web that felt like mine — not a generic template, but something that actually showed how I think and build. Most portfolio sites are static and forgettable. I wanted one with a bit of life: interactive backgrounds, physics you can play with, and enough depth to give recruiters and collaborators something real to look at.

Built on Next.js 15 App Router with TypeScript throughout. The dot grid is a raw Canvas API animation that renders in document-space so it scrolls naturally with the page and reacts to mouse proximity. The physics cards use a custom requestAnimationFrame loop with AABB elastic collision detection, quadratic spring attraction toward a shared centre, and impulse-based knockback — no physics library, all hand-rolled. Framer Motion handles the deep-dive panel transitions.