macOS Portfolio
Interactive Portfolio Website — the macOS desktop, recreated in the browser.
The macOS Portfolio is an interactive portfolio website that recreates the macOS desktop experience inside a browser. Instead of a scrolling resume, visitors land on a familiar desktop: a menu bar, a dock, and draggable windows that open into distinct applications. Built with vanilla JavaScript, HTML5, and CSS3, it turns a portfolio into something you explore rather than something you skim.
The hard part is the front-end engineering. A custom window manager handles dragging, resizing, focus order, z-index stacking, and minimize/maximize behavior, so windows behave the way users expect. The dock supports app launching with magnification feedback, the menu bar carries a live clock and system controls, and individual apps—about, projects, a terminal-style interface, and more—each run as isolated modules. State is persisted with localStorage, so a visitor's arrangement survives a refresh.
What makes this portfolio stand out is how it balances novelty with usability. The interaction model is recognizable to anyone who has used a Mac, which keeps the learning curve flat even though the medium is unusual. Keyboard focus, sensible tab order, and responsive fallbacks keep the experience usable on smaller screens and accessible to assistive tech. For a developer looking to make a memorable first impression without sacrificing clarity, a faithful in-browser macOS desktop is a strong, distinctive statement.
Key features
- Draggable, resizable, focus-aware window management with z-index stacking.
- Functional dock with app launching and magnification feedback.
- Menu bar with live clock and system controls.
- Multiple interactive apps: about, projects, contact, and a terminal-style app.
- State persistence with localStorage across refreshes.
- Vanilla JavaScript, HTML5, and CSS3 — no heavy frameworks.
Technology stack
About the developer
This portfolio is the work of Harsh Kadyan, a 22-year-old full stack developer and AI engineer from Rohtak, Haryana, India, building under the name BrutalHarsh. He pairs strong vanilla JavaScript and CSS fundamentals with modern stack experience across React, Node.js, and AI integration, across 100+ delivered projects. Learn more about him on the about page.