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, structured project pages, Framer Motion for UI motion, and performance-conscious lazy loading.
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 AI assistance) featuring Server-Side Rendering (SSR) for SEO optimization, dynamic project pages, and CI/CD deployment pipeline to Vercel. The website showcases professional experience, technical skills, and project portfolio with modern web technologies. Includes Three.js for a restrained hero visual, Framer Motion for interface motion, and attention to Core Web Vitals. The site is accessible and optimized for all device sizes.