overview
details
after acsess

🌌 Inspiration

Inspired by the golden era of retro-computing and 80s cyberpunk aesthetics, I wanted to build an immersive web experience rather than a static landing page. "The Last Terminal" is an interactive mini-environment where the user steps into the shoes of a digital operator initializing a locked system.

🛠️ What it does

The website combines a real-time interactive 3D scene (a vintage developer's desk in a dark room) with a custom sci-fi HUD overlay.

The user lands on a beautiful neon-themed interface that prompts them to interact with the 3D scene.
Users can left-click and drag to fully rotate, pan, and zoom in on the 3D workspace.
Clicking the physical 3D pink floppy disk on the desk triggers a smooth animation that slides it into the disk drive.
The retro CRT screen dynamically boots up, casting a green neon glow on the scene.
A prominent welcoming card provides clear instructions and links directly to the developer's GitHub repository.

💻 How I built it

3D Environment: Designed and animated entirely in Spline using custom point lights, particle systems for dust effects, states, and 3D event triggers for the floppy disk insertion.
Front-end UI: Developed with responsive HTML5 and CSS3, utilizing a high-tech custom grid, glowing box-shadows, and a CRT scanline filter to sell the retro look.
Seamless UX: Used strict pointer-events rules to allow users to fully interact with the background 3D canvas (rotate/zoom) while keeping UI buttons and links perfectly clickable.

🏆 Accomplishments that I'm proud of

I am extremely proud of the lighting and atmosphere. The contrast between the cold shadows of the 3D desk and the vibrant, glowing neon text brings that authentic "retro-hacker" feel to life.

🚀 What's next for Shadow_OS

I plan to add more interactive 3D items on the desk (like a functional retro keyboard and interactive soda cans) and custom low-fi synthesizer background audio tracks.