Role
Design, implementation, and deployment
Context
Needed a fast, accessible site that presents engineering work clearly without feeling like a generic template.
Approach
Next.js App Router with Tailwind, a shared Canvas 2D composition engine, structured project pages, and Framer Motion isolated to interface transitions.
Outcomes
- SSR for SEO and shareable project URLs
- CI/CD deploy pipeline to Vercel
- Accessibility and responsive layout across breakpoints
Details
Built a responsive portfolio using Next.js and Tailwind CSS with server-rendered content, dynamic project pages, and a CI/CD deployment pipeline to Vercel. A fixed Canvas 2D field recomposes itself around protected content regions as sections change, creating a distinctive visual system without sacrificing legibility. Framer Motion handles restrained interface transitions, while reduced-motion visitors receive deliberate static compositions.