🌐 Abhijay Chauhan — DevOps & Cloud Engineer Interactive Portfolio

A high-performance, futuristic 3D Cyber Cloud & Cloud Engineer portfolio engineered with Vanilla JavaScript, hardware-accelerated Canvas projection, and adaptive multi-device architecture.

Explore Live Site » • Mobile Experience » • Tech Stack • Key Features • Architecture

---

⚡ Overview

Built for resilience, speed, and visual impact. This portfolio showcases production-grade DevOps engineering skills, validated cloud certifications, and infrastructure projects through an interactive, cyberpunk-inspired terminal and 3D globe visualization.

$ curl -s https://theabhijaychauhan.github.io/portfolio/ | jq .
{
  "name": "Abhijay Chauhan",
  "role": "DevOps Engineer & Cloud Engineer",
  "mindset": "Automate everything, break nothing, build systems that never fail.",
  "location": "Lucknow, Uttar Pradesh, India",
  "status": "Open to high-impact engineering opportunities 🚀"
}

---

🌟 Key Features

🌐 1. 3D Holographic Cyber Cloud Globe

• Mathematical Fibonacci Point Cloud: 450+ depth-projected points calculated in spherical coordinate space.
• Global Datacenter Server Nodes: AWS Regions (US-East, US-West, EU-Central, AP-South Mumbai, AP-East Tokyo, etc.) with real-time HUD radar tags.
• Live Fiber Laser Data Streams: Quad-curve 3D Bezier paths pulsing with golden packets and arrival ping waves at 120 FPS.
• Hollow Core Nebula Aura: Custom multi-stop radial gradient creating deep ambient lighting.

📱 2. Dedicated Mobile Web App (/smartphone/)

• Independent Engine: Isolated glassmorphic mobile frontend with touch physics and responsive viewport scaling.
• Mobile Interactive Mini-Games:
  • 🌡️ Server Optimizer: Real-time multi-wave cooling node simulator.
  • 🃏 DevOps Match / Tinder Cards: Interactive card swiper for engineering principles.
  • 🛡️ SSL Certificate Runner: Canvas-based dodge & collect minigame.
  • ⚡ Tech Scratch Card & Quiz: Engaging gamified technical talent showcases.
• Mobile Header Tint & Frosted Glass: Dynamic CSS backdrop-filter glassmorphism with #64e59a accent shading.

💻 3. Interactive Terminal & Ask Me Anything

• about_me.sh Emulator: Live typing shell streaming infrastructure philosophy, uptime metrics, and stack details.
• Ask Me Anything Shell Modal: Direct query selector answering career strengths, architectural philosophy, and background.

🔍 4. Google Knowledge Graph & SEO Engine (presence/)

• JSON-LD Schema (schema.org/Person): Structured data tying Abhijay Chauhan directly to LinkedIn, GitHub, and portfolio URLs.
• Search Engine Optimization: Strict UTF-8 XML sitemap, robots.txt, and canonical routing for instant Googlebot indexing.

🚀 5. Performance & Battery Optimization

• Zero Heavy Frameworks: Pure Vanilla HTML5, CSS3, and JavaScript — zero React/Vue overhead.
• Smart Sleep Lifecycle: Auto-pauses requestAnimationFrame render loops on document.hidden (0% background CPU / battery consumption).

---

🛠️ Tech Stack

Domain	Technologies & Tools
Cloud & Platforms
Infrastructure as Code
CI / CD Pipelines
Observability & Cloud Engineer
Scripting & Systems
Frontend & Graphics

---

📂 Project Architecture

portfolio/
├── index.html                   # Desktop Application & Device Router
├── sitemap.xml                  # Search Engine Sitemap Index
├── robots.txt                   # Web Crawler Directives
├── google30f631b94936a53a.html  # Google Search Console Verification
│
├── assets/                      # Media & Graphic Resources
│   ├── favicon.svg              # 3D DevOps Möbius Ribbon SVG Favicon
│   ├── photo.jpg                # Profile Photo
│   ├── resume.pdf               # Downloadable Resume PDF
│   ├── certifications/          # Verified Cloud Certificate PNGs
│   └── projects/                # Production Project Thumbnails
│
├── css/
│   ├── style.css                # Desktop Liquid Design System
│   └── enhancements.css         # Mini-Games & Interactive Styles
│
├── js/
│   ├── config.js                # Master Centralized Configuration File
│   ├── main.js                  # Desktop Application Core Lifecycle
│   ├── particles.js             # Desktop 3D Cyber Globe Canvas Engine
│   ├── animations.js            # Typing Engine & Scroll Observer
│   └── enhancements.js          # Interactive Shells & Desktop Features
│
├── presence/                    # Search Engine & Knowledge Graph Module
│   ├── seo.js                   # Dynamic JSON-LD Schema & Meta Generator
│   └── GOOGLE_SEARCH_GUIDE.md   # Search Console & Social Authority Guide
│
└── smartphone/                  # Dedicated Mobile Application
    ├── mobile.html              # Mobile Web App Entrypoint
    ├── css/
    │   └── mobile.css           # Mobile Liquid Glassmorphism CSS
    └── js/
        └── mobile.js            # Mobile 3D Hollow Hologram & Mini-Games

---

⚙️ Quick Customization

All site data, links, projects, and feature flags are controlled from a single centralized file: js/config.js.

// Example: Toggle features with 1 boolean
CONFIG.showSections = {
    bootLoader: true,      // Startup INIT sequence
    cyberGlobe: true,      // 3D holographic cloud globe
    scratchCard: false,    // Mobile scratch card
    headerShade: true      // Mint #64e59a header tint
};

---

📬 Connect With Me

_{Designed & Engineered with ❤️ by Abhijay Chauhan • © 2026 All Rights Reserved}