A modern, visually sophisticated, and highly interactive personal portfolio showcasing my skills, projects, and professional journey.
- Immersive Visuals: Features a custom 'Nebula' and 'Particle' background animation powered by
tsparticlesand custom canvas elements for a unique, premium feel. - Fluid Animations: Utilizes
framer-motionfor smooth page transitions, stagger effects, and scroll-activated animations. - Custom Cursor: Enhanced user experience with a custom, custom reactive cursor for a sophisticated touch.
- Responsive Design: Fully responsive layout built with Tailwind CSS, ensuring a perfect viewing experience across all devices (mobile to 4K displays).
- Component-Based Architecture: Scalable and clean codebase utilizing React functional components and hooks.
- Framework: React 19 + Vite
- Styling: Tailwind CSS
- Animations: Framer Motion & React Type Animation
- Visual Effects: tsParticles & Three.js
- Icons: Lucide React & React Icons
frontend/
├── src/
│ ├── assets/ # Static assets like images and videos
│ ├── components/ # Reusable UI components (Navbar, Footer, CustomCursor, Backgrounds)
│ ├── pages/ # Main application pages:
│ │ ├── Home.jsx # Landing page with typing effects
│ │ ├── About.jsx # Personal background and video introduction
│ │ ├── Skills.jsx # Technical skills grid
│ │ ├── Projects.jsx # Featured projects showcase
│ │ ├── Education.jsx # Academic history
│ │ ├── Certificates.jsx # Professional certifications
│ │ └── Contact.jsx # Contact form and social links
│ ├── App.jsx # Main application layout and routing
│ └── main.jsx # React DOM entry point
You can update these links with your actual profiles:
- LinkedIn: Deepak Kumar
- LeetCode: Profile
- Codeforces: Profile
- Twitter / X: Profile
- Youtube: Profile
Crafted with ❤️ by Deepak Kumar