Crafting a Unique Developer Portfolio: A Deep Dive into My Tech StackCrafting a Unique Developer Portfolio: A Deep Dive into My Tech Stack
The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Shipped my developer portfolio. Here's what I actually built it with. ๐Ÿงต
Most portfolios are templates. This one isn't.
I wrote every animation, every transition, and every interaction from scratch โ€” no Framer Motion, no GSAP, no UI kits. Just React, Vite, and raw browser APIs.
The stack:
React 18 + Vite for the core. Pure CSS for all styling โ€” no Tailwind, no component libraries. Full ownership of every pixel.
The animations people actually notice:
A live canvas background built with the Canvas API and requestAnimationFrame โ€” the dot grid reacts to your cursor position in real time. Soft color blobs drift across the full page height using pure JavaScript. No dependencies. No shortcuts.
Project cards tilt in 3D based on mouse coordinates. A ripple burst fires on hover entry. Skill bars animate in on scroll. Every section fades up with staggered timing โ€” all driven by IntersectionObserver, not a library.
The details that make it feel polished:
Scroll progress bar at the top. Spring-like back-to-top button. Contact form with live validation. Mixed typography โ€” DM Serif Display for editorial headings, DM Mono for labels, DM Sans for body. Light minimal palette: stone, terracotta, forest green.
Everything is responsive. Everything is intentional.
If you're a recruiter or a team looking for a frontend or full-stack developer who genuinely cares about the craft โ€” my inbox is open.

Back to feed
The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started