avi-os-portfolio — A Personal Operating System in the Browser
A macOS-style portfolio that runs entirely in the browser — a glass-morphism Dock, a custom window manager, a YouTube TV app, a podcast player, and navigation that feels like a real OS. All built with React + TypeScript.
Tech
A portfolio that doesn’t feel like a portfolio. avi-os-portfolio is a macOS-inspired desktop environment running entirely in the browser — a Dock at the bottom, windows you can drag and resize, and a set of internal apps (YouTube TV, podcast player, About, Projects) each living in its own window with its own history stack.
The core challenge was the window manager — not reaching for a library, but building one from scratch that handles focus, z-index stacking, minimize-to-Dock with animation, and state persistence in localStorage so that on refresh, every window returns exactly where you left it.
The Dock’s glass-morphism effect is achieved through a double-layer backdrop-filter blur combined with a subtle noise overlay, giving it the look of real glass rather than the kind of AI-generated cliché you’ve seen everywhere. The entire project is built with React 18 + TypeScript and deployed to GitHub Pages — no backend, no complex build pipeline.
Outcomes
- A UI experience that genuinely feels like macOS — inside a browser
- A custom window manager with drag, resize, minimize, and focus stack
- A live demo on GitHub Pages with no backend required