Portfolio

A modern 3D interactive portfolio website built with React, featuring immersive Three.js scenes and smooth Framer Motion animations. Showcases MERN stack development skills, projects, and contact information.

✨ Key Highlights

• Interactive 3D Environments: Dynamic Three.js scenes using React Three Fiber that adapt to each route.
• Glassmorphism UI: Sophisticated design with real-time Dark/Light mode synchronization.
• Fluid Transitions: Silky-smooth page changes powered by Framer Motion's AnimatePresence.
• Responsive Layout: Optimized for everything from mobile devices to ultra-wide monitors.

Tech Stack

• Frontend: React, React Router DOM
• 3D Graphics: Three.js, @react-three/fiber, @react-three/drei
• Styling: Tailwind CSS
• Animations: Framer Motion
• Icons: React Icons
• Email: EmailJS
• Notifications: React Hot Toast
• Build Tool: Vite

Installation

1. Clone the repository
2. Install dependencies: npm install
3. Start development server: npm run dev

Scripts

• npm run dev - Start development server
• npm run build - Build for production
• npm run preview - Preview production build

📂 Project Structure

/src/components/3d: Three.js scenes and 3D models (Robot).

/src/context: Theme and Global state management.

/src/pages: Individual page components (Home, About, etc.).

/public: Static assets and 3D GLB files.