🚀 Space-Themed Developer Portfolio — Mission Control
An immersive, interactive developer portfolio designed as a futuristic mission control system. Built with React + TypeScript and deployed on Google Cloud Run, this portfolio transforms technical storytelling into a playable digital experience.
Instead of scrolling through a résumé, visitors explore projects, run terminal commands, and even unlock certifications through a hidden space game.
Link - https://new-portfolio-807524481289.us-central1.run.app
🌌 About Me
I’m Hrishi Mehta, a 2025 Computer Science graduate passionate about building at the intersection of:
- 🤖 AI/ML Engineering
- 💻 Full Stack Development
- ☁️ Cloud & DevOps
I believe portfolios should do more than list projects — they should demonstrate creativity, engineering depth, and problem-solving through interaction.
This project reflects how I think: immersive, technical, and experience-driven.
🎮 Interactive Portfolio Experience
This portfolio functions like a digital spaceship cockpit where recruiters can explore my work.
🕹 Space Game (Easter Egg)
A custom HTML5 Canvas space shooter where players dodge asteroids and unlock hidden certification messages. Gamified credential discovery turns passive viewing into an engaging experience.
💻 Interactive Terminal
A fully functional in-browser CLI:
Includes real command parsing, filtering, command history, and hidden easter egg commands.
🤖 Tactical AI Dock
A simulated AI analysis system that scans my profile and presents key strengths with animated “mission-ready” diagnostics.
🛠 Tech Stack — The Starship Arsenal
Frontend Command Center
- React 18 + TypeScript
- Vite
- Framer Motion
- Canvas API
- Tailwind CSS
- Lucide Icons
Cloud & Infrastructure
- Docker (multi-stage optimized build)
- Google Cloud Run (serverless deployment)
- Nginx (SPA routing, caching, gzip compression)
- Cloudinary CDN
- Production security headers
AI Integration
- AI-enhanced project descriptions
- Simulated intelligent UI analysis systems
- Gemini-inspired AI-themed interface elements
🌠 Design System — Mission Control Aesthetic
The entire interface follows a space-cyberpunk design language:
- Glassmorphism panels with blur and glow
- Neon domain color system
- Cyan → Web
- Purple → AI
- Green → Security
- Animated starfields and parallax depth
- Military-style project IDs (SITREP_01/AI)
- Real-time system status indicators (ACTIVE • LIVE • SECURED)
🌟 Key Highlights
🎮 Gamified Portfolio Exploration
Certifications and achievements are discovered by playing, not just reading.
💻 Real Functional Terminal
Not a visual mockup — a working command system with dynamic rendering.
⚡ Performance Engineering
- 95+ Lighthouse score
- ~180KB gzipped bundle
- <2s load time
- Optimized Docker image (~25MB)
☁️ Cloud-Native Deployment
Runs serverless on Google Cloud Run with auto-scaling and global delivery.
♿ Accessibility & Responsiveness
Keyboard navigation, ARIA labels, WCAG-compliant contrast, and responsive layouts across devices.
🚀 Projects Featured (Mission Reports)
17+ interactive projects across AI, Web, and Security domains, presented as classified mission reports with live status indicators.
These include:
- AI-powered document analyzers
- NLP chatbots
- ML recommendation systems
- Graph database applications
- Security automation tools
- Real-time dashboards
- Interactive browser games
Each project is structured to highlight problem, technology, architecture, and outcome.
🧠 Certifications & Experience
Certified across AI, cloud, databases, and security domains, with hands-on experience in:
- AI/ML internships (LLMs, NLP, RAG systems)
- Cybersecurity and ethical hacking roles
- Backend engineering with Python and Java
- Freelance full-stack cloud deployments
🛰️ What Makes This Portfolio Different
Most portfolios are static.
This one is:
🎮 Interactive
🤖 AI-themed
🚀 Immersive
☁️ Cloud-native
⚡ Performance-optimized
🎨 Visually engineered
It demonstrates not only what I know — but how I build, design systems, and think as an engineer.
📬 Contact
Hrishi Mehta
📧 mehtahrishi45@gmail.com
💼 LinkedIn: https://linkedin.com/in/hrishi-mehta-889732256
🐙 GitHub: https://github.com/mehtahrishi
“It’s not just a portfolio — it’s a mission simulation.”
Top comments (0)