I missed class to build this immersive portfolio!!

Source: Dev.to

Overview

I’m Amaan Syed – a Full Stack Developer who treats web performance like an F1 race car: precise, fluid, and aggressively fast.
My portfolio reflects this philosophy, blending strict engineering (type‑safety, Dockerization) with a visual style that sits at the intersection of Formula 1 aerodynamics and sci‑fi futurism. It’s built to feel like valid race telemetry – precise, fluid, and dynamic.

Desktop (wide screens) and mobile (narrow screens) ready
🏎️ CLICK HERE TO VIEW FULL SITE (DESKTOP RECOMMENDED)

How I Built It

• Framework: React + Vite (lightning‑fast builds)
• Animation: Framer Motion (physics‑based transitions)
• Styling: Custom CSS (Glassmorphism + Neo‑Brutalism)
• Deployment: Google Cloud Run (Dockerized Nginx container)

AeroFlow

The background is a living component that renders “Scuderia Red” flow lines using chaotic Bézier curves. The lines dash and pulse across the screen, mimicking wind‑tunnel telemetry data.

Liquid Glass

UI elements use a frosted‑glass effect combined with high‑contrast neo‑brutalism, giving the look of a futuristic heads‑up display.

Immersive Micro‑Worlds

Instead of a traditional grid, I built distinct experiences for each platform:

• Web: A 3D “Splatter” layout where browser windows float in Z‑space.
• Mobile: A vertical “tear‑off” card deck that feels tactile.
• AI: A “Blast Door” terminal interface with holographic particles.

Turbo‑Charged by Google Antigravity

• Refining Physics: Used Gemini to fine‑tune damping and stiffness coefficients in Framer Motion springs for the mobile card stack.
• DevOps‑in‑a‑Box: Antigravity generated the Dockerfile and nginx.conf for Cloud Run, handling SPA routing logic automatically.
• Visual Polish: The AI suggested conic‑gradient masks for the “Silver Flow Button,” creating a perfect metallic sheen without generic assets.

I’m especially proud of the Blast Door Terminal in the AI section. It’s pure CSS/JS theatre—scanlines, holographic particles, and a mechanical door opening sequence that syncs perfectly with the user’s journey, turning a plain “Skills” list into a narrative event.

The overall aesthetic is themed around my passions: F1, Star Wars, color science, and typography.

Stay Hungry, Stay Foolish!