Abhay Gupta - Portfolio

A modern, responsive portfolio website showcasing Abhay Gupta's skills, projects, and achievements in computer science and software development.

🚀 Features

• Responsive Design: Works seamlessly across all devices
• Modern UI/UX: Clean, professional design with smooth animations
• Interactive Elements: Hover effects, smooth scrolling, and dynamic content
• Dynamic Content: JavaScript-powered project and skills display
• Performance Optimized: Fast loading with optimized assets
• SEO Friendly: Comprehensive sitemap, robots.txt, and LLM-friendly indexing

📁 File Structure

Portfolio/
├── index.html              # Main HTML file with all content
├── project-*.html          # Individual project detail pages
│   ├── project-reelspro.html       # ReelsPro (HackSRIT'25 Winner)
│   ├── project-agentx.html         # AgentX Travel India
│   ├── project-helmet-detection.html
│   ├── project-edupath.html
│   ├── project-jarvis.html
│   └── project-ml.html
├── css/
│   ├── styles.css          # Main stylesheet
│   └── components.css      # Component-specific styles
├── js/
│   ├── main.js             # Main JavaScript functionality
│   ├── components.js       # Interactive components
│   └── counter.js          # Analytics counter
├── assets/
│   └── Profile_Photo.jpg   # Profile picture
├── sitemap.xml             # SEO sitemap
├── robots.txt              # Search engine directives
├── llms.txt                # LLM indexing file
├── favicon.png             # Site favicon
├── LICENSE                 # License file
├── README.md               # This file
└── SETUP.md                # Setup instructions

🛠️ Technologies Used

Frontend

• HTML5: Semantic markup
• CSS3: Modern styling with Flexbox and Grid
• JavaScript (ES6+): Interactive functionality
• Responsive Design: Mobile-first approach

Libraries & Frameworks

• Google Fonts: Poppins font family
• SVG Icons: Scalable vector graphics
• CSS Animations: Smooth transitions and effects

🎨 Design Features

Color Scheme

• Primary: Black (#000000)
• Secondary: Orange (#FF4500)
• Tertiary: White (#FFFFFF)

Typography

• Font Family: Poppins (Google Fonts)
• Weights: 400, 500, 600, 700, 800

Components

• Hero Section: Animated profile introduction
• Experience Timeline: Interactive stepper component
• Skills Grid: Animated skill cards
• Project Cards: Hover effects with project details
• Contact Card: Interactive contact information
• Achievements: Organized award and certification display

📱 Responsive Breakpoints

• Mobile: < 768px
• Tablet: 768px - 1024px
• Desktop: > 1024px

🚀 Getting Started

Local Development

1. Clone or Download the portfolio repository
2. Open with Live Server (recommended):
   • Using Python: python -m http.server 8000
   • Using VS Code: Install "Live Server" extension and click "Go Live"
   • Using Node: npx http-server -p 8000
3. Open in Browser: Navigate to http://localhost:8000

Direct Access

Simply open index.html directly in any modern web browser (Chrome, Firefox, Safari, Edge)

📝 Customization Guide

Personal Information

Update the following in index.html:

• Name, title, and bio in the hero section
• Contact information (email, phone, location)
• Social media links (GitHub, LinkedIn, Instagram, Linktree)
• Experience and education timeline details
• Projects and achievements

Styling

Modify css/styles.css and css/components.css for:

• Color scheme customization
• Typography and font adjustments
• Layout and spacing modifications
• Animation and transition effects

Functionality

Edit JavaScript files for dynamic content:

• js/main.js: Skills data, project information, scroll behavior
• js/components.js: Interactive UI components
• js/counter.js: Analytics and visit tracking

🎯 Key Sections

1. Hero Section

• Professional introduction
• Profile photo with responsive design
• Name, title, and role display

2. Experience & Education

• Interactive timeline with stepper UI
• Work history (Cisco Virtual Intern, Reliance Foundation Scholar)
• Educational background (SRIT Jabalpur, IIT Madras)
• Contact card with location, email, and phone

3. Skills

• Dynamic skill cards organized by category
• Technology stack showcase
• Frontend, Backend, AI/ML, and Tools sections

4. Featured Project

• ReelsPro - HackSRIT'25 Winner (₹15,000 Prize)
• AI-powered video platform with content moderation
• Full tech stack display and project links
• Live demo, GitHub repo, and documentation links

5. Other Projects

• AgentX Travel India - Multi-Agent AI System (HackByte 3.0 Top 100)
• Helmet Detection - YOLOv11-based safety system
• EduPath - Educational platform
• JARVIS - AI assistant
• ML Projects - Various machine learning implementations

6. Achievements

• Competitive Programming: CodeVita Round 2 Season 13 - Global Rank 1374
• Hackathon Wins: HackSRIT'25 Winner, HackByte 3.0 Top 100, DTU GDG Top 6
• Scholarships: Reliance Foundation, ONGC Merit Scholar, LIC GJSS
• Certifications: Cisco CyberOps Associate, Postman, Infosys certificates

🔧 Browser Support

• Chrome (latest)
• Firefox (latest)
• Safari (latest)
• Edge (latest)

📄 License

This portfolio is created for Abhay Gupta. All rights reserved.

📞 Contact

• Email: contact2abhaygupta6187@gmail.com
• Phone: +91-8115814535
• Location: Jabalpur, India
• LinkedIn: abhay-gupta-197b17264
• GitHub: Abs6187
• Linktree: Abhay_Gupta_6187

---

🔍 Technical SEO & Search Console Integration

This repository implements expert-level technical Search Engine Optimization (SEO) and automated Google Search Console CLI (gsc) integration:

• Canonical Domain: https://www.abhaygupta6187.me/
• Structured Data (Schema.org):
  • Person, ProfilePage, and WebSite JSON-LD schemas on index.html.
  • SoftwareApplication, CollectionPage, and BreadcrumbList schemas on all project pages.
• Social Metadata: Complete Open Graph (og:*) and Twitter Card (twitter:*) cards.
• Core Web Vitals: Explicit image width, height, and loading="eager" attributes preventing Cumulative Layout Shift (CLS).
• Google Search Console Ownership: Officially verified via HTML file (googleeb28aebcad32ab3b.html) and meta verification tag.
• Sitemap & Crawling: XML sitemap (sitemap.xml) with 10 indexable pages and robots.txt directives for major search engines and AI bots (GPTBot, Claude-Web).

🛠️ Google Search Console CLI (gsc)

Manage Search Console indexing and analytics directly from your terminal:

# Check site health & diagnostic status
gsc doctor

# List submitted sitemaps and indexing status
gsc sitemap list

# Submit sitemap to Google Search Console
gsc sitemap submit --feedpath https://www.abhaygupta6187.me/sitemap.xml

# Inspect live URL indexing status
gsc url inspect --url https://www.abhaygupta6187.me/

# Query search queries & performance analytics
gsc analytics query --start-date 2026-07-01 --end-date 2026-07-22 --dimension query

---

Last Updated: July 22, 2026