Portfolio Site

A personal portfolio and blog built from scratch with Next.js 15, Tailwind CSS v4, and MDX for content.

Design

The aesthetic is inspired by PCB layouts — dark backgrounds, amber accent colors (like solder traces), circuit trace decorative elements, and monospace typography throughout. Dark mode only, by design.

Features

• MDX blog with syntax highlighting via rehype-pretty-code
• Project portfolio with status indicators and tech tags
• Circuit trace SVG decorations and animated card borders
• Responsive sidebar navigation (icon sidebar on desktop, bottom tab bar on mobile)
• Scroll progress indicator on blog posts
• Framer Motion animations — subtle, purposeful, fast

Stack

• Next.js 15 (App Router)
• React 19
• Tailwind CSS v4
• TypeScript
• MDX + gray-matter + reading-time
• Framer Motion
• Deployed on Vercel