RahulOS - Interactive macOS Portfolio

A fully interactive recreation of macOS Sequoia in the browser with a working terminal, file manager, text editor, and window system.

Role: Frontend Engineer. Team: Individual. Status: Live. Year: 2026.

Overview

RahulOS is a fully interactive recreation of macOS Sequoia in the browser. It starts with a boot sequence and login screen, then opens into a working desktop with draggable windows and real apps.

The terminal supports real commands, the file manager lets users browse a virtual file system, and the text editor can open and edit files. I also built a Safari-style project browser, Settings app, Spotlight-style command palette, and small easter eggs throughout the system.

Stack:

  • Frontend: React, TypeScript, and Vite
  • State: Zustand
  • Styling: Tailwind CSS and CSS custom properties
  • Deployment: Vercel

Live GitHub

Key features

  • macOS Sequoia-inspired desktop with boot and login flows
  • Full window management: drag, resize, minimize, maximize, z-ordering
  • Working Terminal with neofetch, tab completion, 500-line scrollback
  • File Manager with icon/list view, breadcrumbs, context menu
  • Text editor connected to the virtual file system
  • Safari-style project browser
  • Settings app with themes and wallpaper controls
  • Spotlight-style command palette

Technical details

  • Framework: React, Vite, and TypeScript
  • State: Zustand with granular selectors for window management
  • Virtual file system shared across the File Manager and Text Editor
  • Styling: Tailwind CSS and CSS custom properties
  • Performance: Lazy-loaded desktop apps
  • Deployment: Vercel

Challenges

  • Achieving smooth 60fps window dragging with pointer capture
  • Keeping window state consistent across many interactive apps
  • Making a desktop interface usable on smaller screens
  • Building convincing native interactions without copying macOS behavior blindly

Tags: React, TypeScript, Zustand, Vite, TailwindCSS