A sleek, responsive, and modern developer portfolio designed to showcase my skills, projects, and journey in tech. Built with interactive UI/UX, smooth animations, and a focus on usability across all devices.
- Responsive Design: Optimized for all screen sizes — mobile, tablet, and desktop.
- Dark & Light Modes: Seamless theme toggle using
ThemeContext. - Framer Motion Animations: Engaging transitions and micro-interactions throughout.
- Glassmorphism Aesthetic: Frosted glass UI components for a clean, premium feel.
- Custom Gradients & Text Effects: Carefully styled to enhance readability and visual interest.
- Typing animation for dynamic role display (e.g., "Full-Stack Developer").
- Animated particles and glowing effects.
- Rotating dashed border on profile image with grayscale-to-color hover effect.
- CTAs for resume and contact.
- Personal intro with tagline.
- Expandable Fun Facts with Lucide icons and animated presence.
- Skills organized with animated progress bars and category tabs.
- Vertical timeline with scroll-based animation.
- Education cards with descriptions and certificate links.
- Achievement counters and summaries.
- Alternating timeline layout.
- Role-based cards showing position, company, duration, and responsibilities.
- Certifications & trainings section.
- Filterable project grid (React, MERN, All).
- Hover effects with GitHub/live links.
- Modal pop-up with detailed project view.
- Functional contact form with loading/success states.
- Clean layout with location/email details.
- Social links with hover animations.
- Responsive: collapsible on desktop, overlay on mobile.
- Scroll-synced active link indicator.
- Theme toggle and availability badge.
- Elegant, minimal footer with live freelancer status.
- "Made with ❤️ and lots of tea" slogan.
- Scroll-to-top button.
- React.js – Core framework
- TypeScript – Static typing
- Tailwind CSS – Rapid, utility-first styling
- Framer Motion – Smooth animation library
- Lucide Icons – Scalable icon set
- Vite – Fast bundler and dev environment
- EmailJS – Serverless contact form handling
Ensure Node.js (v14+) and npm/yarn are installed.
👉 Download Node.js
- Clone this repo or navigate to your project directory.
- Install dependencies:
npm install # or yarn install
VITE_EMAILJS_SERVICE_ID=your_service_id VITE_EMAILJS_TEMPLATE_ID=your_template_id VITE_EMAILJS_PUBLIC_KEY=your_public_key
npm run dev
yarn dev