A personal portfolio built with Next.js 15 and React 19, with a deep violet glass look, smooth scrolling, a custom cursor, and scroll-driven motion. Every project lives in one data file, so the homepage grid and the case study pages always stay in sync.
I needed a place to show my work that actually felt like me, not another template. Most portfolios treat projects as small thumbnails and look more or less the same. I wanted something that felt designed, where each project gets room to breathe and moving through the site is part of the experience.
A portfolio with a dark, glassy feel in pink and violet. The homepage is a mosaic of project tiles, and clicking one opens a full case study with its own story. Smooth scrolling, a custom cursor, and small bits of motion tie it together.
A few decisions I'm proud of:
Tech stack: Next.js and React run the site, Tailwind handles the styling, GSAP with ScrollTrigger drives the scroll animations, Lenis smooths the scroll, and Three.js adds the ambient 3D touches.
One source of truth: every project, finished or coming soon, lives in a single file, so the homepage and the case study pages never fall out of sync
Motion with restraint: smooth scroll, gentle reveals, and a custom cursor add character without getting in the way of reading
Ask, not search: a chat assistant trained on my projects answers visitor questions directly, so people can talk to the site instead of digging through it
Building for myself was harder than building for a client. With no brief, I had to decide what "done" even meant. I learned that a strong, consistent system, the colors, the type, the way things move, makes every choice after it easier. Keeping all the project data in one place saved me every time I added something new. If I came back to it, I'd set up an easier way to write and update the case studies.