An interactive, highly responsive, and 3D-animated personal portfolio website built with modern technologies like React, Tailwind CSS, and Framer Motion.
- 🚀 Custom Bootloader with SVG animation
- 🌌 3D Interactive Hero Section
- ♾️ Infinite Tech Slider (Framer Motion)
- 📱 Fully Responsive (Mobile Optimized)
- 📜 Smooth Scrolling (Lenis)
- 🪞 Glassmorphism UI Design
- Frontend: React 19 + Vite
- Styling: Tailwind CSS (v4)
- Animations: Framer Motion
- Icons: Lucide React & React Icons
- Scroll Engine: Lenis
- Deployment: Vercel / Netlify
- Elevate AI – AI-powered placement platform
- Quick Wheels – MERN car rental platform
- Hostel Buddy – Smart college living app
- IPL 2025 Analysis – Python + Streamlit dashboard
- Zero Bucks Agency – Web3 agency site
A quick look at the core component structure inside the src directory:
src/
├── assets/ # Images, logos, and static files
├── components/ # Reusable React components
│ ├── About.jsx # About me & background info
│ ├── Background.jsx # Animated background effects
│ ├── Contact.jsx # Contact form and social links
│ ├── Education.jsx# Academic history
│ ├── Hero.jsx # Landing/Hero section
│ ├── Navbar.jsx # Top navigation bar
│ ├── Projects.jsx # Showcased portfolio projects
│ └── Skills.jsx # 3D interactive skill sphere
├── App.jsx # Main application component
├── main.jsx # React entry point
└── index.css # Global styles and Tailwind imports