A modern, responsive personal portfolio website showcasing my work as a full-stack web developer. Built with HTML, CSS, JavaScript, Bootstrap, GSAP, and integrated with a stunning animated particle background.
- Responsive design for all screen sizes
- Interactive hamburger menu for mobile view
- Hero section with animated name using GSAP
- Snowfall particle background using particles.js
- Stylish "View Projects" button with neon glow effect
- Smooth scroll and clean layout
- Custom cursor implementation
- Animated download button for resume
- Functional contact form with Formspree integration
- Form validation and user feedback
- Loading states and success/error messages
- Professional styling with hover effects
- Contact information display with icons
- Lazy loading for images
- Reduced motion support for accessibility
- Optimized animations with
will-changeandcontain - Service Worker for offline functionality
- PWA (Progressive Web App) support
- Critical CSS optimization
- Font loading optimization
- Live GitHub statistics (repos, stars, followers, commits)
- Recent activity feed with event types
- Most used programming languages display
- Real-time data from GitHub API
- Fallback data for offline viewing
- Dark theme with custom color scheme
- Smooth animations and transitions
- Interactive elements with hover effects
- Accessibility improvements
- Print-friendly styles
- HTML5 – Semantic markup with accessibility features
- CSS3 – Custom styling + Bootstrap 5 + Tailwind CSS
- JavaScript – Core interactivity, animations, and API integrations
- GSAP – Advanced animations and scroll triggers
- Particles.js – Interactive particle backgrounds
- Formspree – Contact form backend
- GitHub API – Live coding activity integration
- Service Worker – Offline functionality and caching
- Installable – Can be installed as a native app
- Offline Support – Works without internet connection
- Fast Loading – Optimized caching and performance
- App-like Experience – Full-screen mode and native feel
-
Clone the repository
git clone https://github.com/abhijeetBhale/Portfolio.git cd Portfolio -
Open in browser
# Using Python python -m http.server 8000 # Using Node.js npx serve . # Or simply open index.html in your browser
-
Customize
- Update personal information in
index.html - Modify colors in
styles.css - Add your own projects and content
- Update GitHub username in
script.js
- Update personal information in
Portfolio/
├── index.html # Main HTML file
├── styles.css # Custom styles and animations
├── script.js # JavaScript functionality
├── manifest.json # PWA manifest
├── sw.js # Service Worker
├── assets/ # Images and media files
└── README.md # Project documentation
Update the Formspree endpoint in script.js:
const response = await fetch('https://formspree.io/f/YOUR_FORM_ID', {Update your GitHub username in script.js:
const username = 'YOUR_GITHUB_USERNAME';- Lighthouse Score: 95+ (Performance, Accessibility, Best Practices, SEO)
- First Contentful Paint: < 1.5s
- Largest Contentful Paint: < 2.5s
- Cumulative Layout Shift: < 0.1
Contributions are welcome! Please feel free to submit a Pull Request.
This project is open source and available under the MIT License.
- Email: [email protected]
- LinkedIn: Abhijeet Bhale
- GitHub: @abhijeetBhale
- Instagram: @isocyanideisgood