🌌 ADITYA AGRAWAL — PORTFOLIO

An immersive 3D WebGL Telemetry Experience & Interactive Developer Workspace

🔗 https://adityaagrawall.vercel.app

---

🚀 Overview

Welcome to my personal portfolio workspace! Built with Three.js, React 19, GSAP, and a native Web Audio Synthesizer, this project replaces static portfolio layouts with an interactive 3D procedural floating island world paired with a retro sci-fi telemetry HUD.

Explore the live site here: adityaagrawall.vercel.app

---

✨ Key Highlights

🏝️ Procedural 3D Floating Island Real-time WebGL floating island constructed entirely via procedural Three.js meshes, dynamic soft shadows, atmospheric fog, and smooth parallax camera movement.	🔊 Native Web Audio Synthesizer Zero audio file downloads. All UI sound effects—holographic sweeps, retro hover blips, button clicks, and typewriter beeps—are synthesized programmatically in real-time.
🛸 Sci-Fi Telemetry HUD Workspace Interactive command dashboard featuring glassmorphic panels for About, Skills breakdown, Project showpieces, Experience timeline, and Contact terminal.	✨ Holographic Animations Powered by GSAP for seamless camera transitions, hologram scanline sweeps, and dynamic viewport feedback on every interaction.

---

🛠️ Tech Stack & Ecosystem

  ┌─────────────────────────────────────────────────────────────┐
  │                        FRONTEND CORE                        │
  │     [React 19]   •   [Vite 8]   •   [JavaScript ESNext]     │
  └──────────────────────────────┬──────────────────────────────┘
                                 │
  ┌──────────────────────────────┴──────────────────────────────┐
  │                 GRAPHICS, SOUND & ANIMATION                 │
  │     [Three.js]   •   [GSAP]   •   [Web Audio API Synth]     │
  └──────────────────────────────┬──────────────────────────────┘
                                 │
  ┌──────────────────────────────┴──────────────────────────────┐
  │                    INTERFACE & STYLING                      │
  │   [Vanilla CSS HUD]  •  [Lucide Icons]  •  [FormSubmit]    │
  └─────────────────────────────────────────────────────────────┘

---

🔮 Experience Features

• 🎮 Interactive Title Screen: Retro CRT vignette, scanline sweep animations, and audio-reactive launch trigger.
• 🛰️ Telemetry Panels:
  • System Status & Overview: Personal intro and profile metrics.
  • Tech Matrix: Categorized tech stack showcasing Frontend, Backend, 3D/Graphics, and Tools.
  • Mission Showcase: Featured projects with live demo links and repository references.
  • Transmission Terminal: Built-in direct contact form routed seamlessly without API key friction.

---

🌐 Connect & Live Links

_{Designed & Engineered with ❤️ by Aditya Agrawal}