Hemant Kumar Dhangar - Portfolio

A modern, interactive portfolio website showcasing my skills, projects, and achievements as an aspiring software developer.

🚀 Features

• Interactive Particle Background - Dynamic animated particles in the hero section
• Custom Cursor - Smooth custom cursor with follower effect
• Smooth Animations - Scroll-triggered reveal animations and transitions
• 3D Card Effects - Interactive tilt effect on hover
• Typing Animation - Dynamic typing effect for the hero subtitle
• Counter Animation - Animated statistics counter
• Responsive Design - Fully responsive across all devices
• Modern UI/UX - Clean, professional design with gradient effects

🛠️ Technologies Used

• HTML5
• CSS3 (with CSS Grid & Flexbox)
• Vanilla JavaScript
• Canvas API for particle effects
• Intersection Observer API for scroll animations

📦 Structure

Portfolio/
├── index.html          # Main HTML file
├── styles.css          # Stylesheet with all styling
├── script.js           # JavaScript for interactivity
└── README.md          # Project documentation

🎨 Sections

1. Hero - Eye-catching introduction with particle background
2. About - Brief introduction with animated statistics
3. Skills - Categorized skill showcase with hover effects
4. Projects - Featured projects with detailed descriptions
5. Achievements - Key accomplishments and awards
6. Contact - Contact information and form

🚀 Getting Started

1. Clone or download this repository
2. Open index.html in your browser
3. Customize the content with your information

📱 Responsive Breakpoints

• Desktop: 1400px+
• Tablet: 968px - 1399px
• Mobile: < 968px

🎯 Customization

Update Personal Information

Edit the following sections in index.html:

• Hero section (lines 30-60)
• About section (lines 70-100)
• Projects section (lines 150-250)
• Contact information (lines 300-330)

Change Colors

Modify CSS variables in styles.css:

:root {
    --primary-color: #6366f1;
    --secondary-color: #8b5cf6;
    --accent-color: #ec4899;
    /* ... */
}

🌟 Performance

• Optimized animations using requestAnimationFrame
• Lazy loading for images
• Debounced scroll events
• Efficient particle system

📄 License

Free to use for personal and commercial projects.

📧 Contact

• Email: hemantfsu@gmail.com
• GitHub: github.com/hemantfsu
• LinkedIn: linkedin.com/in/hemantdhangar

---

Built with ❤️ by Hemant Kumar Dhangar