Your Project Name

One line that captures what it is and why it's interesting.

loading demo

The problem

Start with context. What were you trying to build and why? What made it interesting or hard?

A paragraph or two is enough. Don't oversell the problem — let the demo speak first.

How it's designed

This is the design engineering part. Walk through the key decisions:

  • Why did you reach for this approach over others?
  • What constraints shaped the design?
  • Where did taste come in?

How it's built

The interesting technical bits. Not a tutorial — more like the thing you'd tell a colleague over coffee.

// If there's a snippet worth showing, show it
// Keep it short — one key idea per block
const example = () => {
  return "the interesting part";
};

What I learned

Honest reflection. What would you do differently? What surprised you?

Next.js
framework, routing, SSR
TypeScript
type safety
Framer Motion
animation
Tailwind CSS
styling