Portfolio

Portfolio Website Why I Built It I wanted a space that reflects both my projects and who I am as a developer. Inspired by modern tech portfolios, I focused on clean design, interactivity, and smooth animations to keep it engaging.

What I Learned Integrated Three.js with React for a 3D background

Used Framer Motion for smooth, subtle animations

Improved my responsive design skills

Developed a consistent and cohesive design style

How I Built It Built with Next.js and React, using server components for performance. Key steps:

Designed wireframes and planned the structure

Built reusable components for content and layout

Added interactive 3D visuals

Focused on animations and responsiveness

Challenges Optimizing 3D visuals across devices

Balancing design and functionality

Fine-tuning animations without hurting performance

Handling image errors and improving accessibility

This project helped me grow technically and creatively — and it’s something I’m proud to share.

Built With

• css
• framer
• motion
• next.js
• react
• tailwind
• three.js
• typescript
• vercel