I set out to build a portfolio that felt like a real product, not a static site — something that showcased modern Next.js patterns, state management, and UI architecture, and the twist was shipping it end-to-end in a single 24-hour sprint.

In 24 hours I designed and shipped a production-ready portfolio that doubles as a technical demo, featuring a persistent audio player, component inspector, command palette, and rich, responsive layouts, and it’s both a showcase of work and an example of how I architect modern React/Next.js apps.

The portfolio uses the Next.js App Router, React Server Components, Zustand, Framer Motion, and a custom tooling layer (inspector, terminal, command palette) to behave like a small app rather than a static site, and persistent state, optimized media, and a typed, modular structure keep it fast and maintainable.

The UI leans into a modern, minimal aesthetic with smooth motion, custom cursors, and VS Code-inspired navigation, and everything is responsive, theme-aware, and sprinkled with micro-interactions that feel polished without getting in the way of the content.

The time constraint made every decision count: I had to ship a persistent player, inspector, command palette, rich animations, and responsive layouts without sacrificing performance or accessibility, and careful architecture, modular components, and proven libraries made it possible.

The result is a production-ready portfolio that proves I can ship fast without cutting architectural or UX corners, and it now acts as both my public-facing site and a living example of how I approach modern, full-stack product builds.