Welcome to my personal portfolio repository! This website serves as a showcase of my skills, projects, and professional journey in software development, AI/ML, and app development.
- Modern Glassmorphism Design - Contemporary UI with glass effects and smooth gradients
- Dark/Light Theme Toggle - User preference-based theme switching with system detection
- Responsive Design - Mobile-first approach with seamless adaptation across all devices
- Custom Cursor Effects - Interactive cursor with smooth animations (desktop)
- Micro-interactions - Subtle animations that enhance user engagement
- Progressive Web App (PWA) - Installable with offline support
- Intersection Observer API - Optimized scroll-based animations
- Lazy Loading - Images load only when needed
- Service Worker - Offline functionality and caching
- Keyboard Navigation - Full accessibility support
- High Contrast Mode - Automatic adaptation for accessibility needs
- CSS Custom Properties - Dynamic theming and consistent design tokens
- CSS Grid & Flexbox - Modern layout techniques
- ES6+ JavaScript - Modern JavaScript features and best practices
- Web APIs - Intersection Observer, Performance Observer, Service Worker
- Semantic HTML - SEO-optimized and accessible markup
- Animated Statistics - Counter animations when elements come into view
- Project Filtering - Dynamic portfolio filtering with smooth transitions
- Contact Form - Integrated with Formspree for message handling
- Smooth Scrolling - Enhanced navigation experience
- Loading States - User feedback during form submissions
- Frontend: HTML5, CSS3, Vanilla JavaScript
- Icons: Lucide React (via CDN)
- Fonts: Inter & JetBrains Mono (Google Fonts)
- Form Handling: Formspree
- Deployment: GitHub Pages (ready)
- PWA: Service Worker, Web App Manifest
- Hero Section - Dynamic introduction with floating cards and profile showcase
- About - Professional summary with animated statistics and highlights
- Experience - Timeline-based work experience with detailed achievements
- Projects - Filterable portfolio with detailed project information
- Skills - Categorized technical skills with modern presentation
- Contact - Interactive contact form with multiple communication channels
The portfolio embraces 2024 design trends while maintaining professional appeal:
- Minimalism: Clean, uncluttered interface focusing on content
- Glassmorphism: Frosted glass effects with backdrop blur
- Color Psychology: Carefully chosen color palette for trust and innovation
- Typography: Modern font pairing for readability and character
- Spacing: Generous whitespace for visual breathing room
- Contrast: High contrast ratios for accessibility compliance
📁 Portfolio/
├── 📄 index.html # Main HTML file
├── 📄 styles.css # Modern CSS stylesheet
├── 📄 script.js # Interactive JavaScript
├── 📄 sw.js # Service Worker
├── 📄 manifest.json # PWA Manifest
└── 📁 assets/
├── 📁 img/ # Images and graphics
└── 📄 Nishant_Verma.pdf # Resume
Update the Formspree endpoint in the contact form:
<form action="https://formspree.io/f/your-form-id" method="POST">The portfolio is optimized for:
- Lighthouse Score: 95+ across all categories
- Core Web Vitals: Excellent ratings
- First Contentful Paint: < 1.5s
- Largest Contentful Paint: < 2.5s
- Cumulative Layout Shift: < 0.1
- Chrome: 90+ ✅
- Firefox: 88+ ✅
- Safari: 14+ ✅
- Edge: 90+ ✅
- Mobile browsers: iOS Safari 14+, Chrome Mobile 90+ ✅
The portfolio functions as a Progressive Web App:
- Installable: Add to home screen on mobile/desktop
- Offline Support: Basic offline functionality
- App-like Experience: Full-screen, standalone mode
- Fast Loading: Service worker caching
The portfolio includes:
- Semantic HTML structure
- Meta tags for social sharing
- Open Graph tags
- Structured data markup
- Alt text for all images
- Descriptive URLs and headings
Nishant Verma
- 🎓 B.Tech in Data Science & AI, IIT Bhilai
- 💼 AI/ML Engineer & Full Stack Developer
- 📧 nishantverma040@gmail.com
- 🐙 GitHub
- Design Inspiration: Modern portfolio trends and Dribbble
- Icons: Lucide icon library
- Fonts: Google Fonts (Inter & JetBrains Mono)
- Form Handling: Formspree service
- Color Palette: Tailwind CSS color system
Built with ❤️ | © 2025 Nishant Verma