Ivan’s creative space
mediacrumbs

A collection of projects, experiments and ideas by Ivan.
Small crumbs. Big things.

See the work
SimpleSnip
SimpleSnip
LuluBoard
LuluBoard
Tabletop
Tabletop
TextureFox
TextureFox
MediaCrumbs
MediaCrumbs
PHOTO
About Me
About →
Your Project
Your Project
Let's build something
Talk →
What I’ve built

Projects

05
MediaCrumbs
01
MediaCrumbs
Portfolio & project hub
SimpleSnip
02
SimpleSnip
Free Photoshop in your browser
LuluBoard
03
LuluBoard
Planning and note-keeping for your browser
Tabletop Calculator
04
Tabletop Calculator
Warhammer 40K combat calculator
TextureFox
05
TextureFox
Game texture marketplace
Portfolio & project hub

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.

Next.js 15TypeScriptTailwind CSSFramer MotionCanvas API
Physics Card Playground
Physics Card Playground
Interactive Dot Grid
Interactive Dot Grid
Project Deep-Dives
Project Deep-Dives
Why I built it

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.

How I built it

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.

The person behind it

About

Hey, I’m Ivan — a developer who likes building things that are simple, useful and nicely made.

mediacrumbs is my home on the web. A place where all my projects live under one roof. Each one is a crumb left on the trail — small experiments that grow into something people actually use.

I care about the details: good typography, fast interfaces, tools that get out of your way.

JavaScript
TypeScript
React
Node.js
CSS / Design
UI / UX
✉️  Get in touchGitHub ↗
What’s cooking

Upcoming

???
🔭
T.B.A.

Something new is cooking. Could be a tool, could be a game, could be something completely different. Check back soon.

In the lab
🔭
T.B.A.

Ideas are brewing. The mediacrumbs trail doesn’t stop here — more projects are on the way.

Sketching
💡
Your project
is next

Got an idea for a web tool, app or side project? I’m open to building things for people. Let’s make something useful together.

Get in touch →