A fully interactive macOS-inspired portfolio built with React and Vite. Experience my background through a simulated operating system interface.
This project was created as the final project for SSUI P4 at CMU. It demonstrates advanced UI/UX design, state management, and interactive system architecture.
- File browser with collapsible folder structure
- Detailed information about education, experience, and projects
- Build simulation with humorous output messages
- Syntax-highlighted code display
- Custom raycasting engine built from scratch
- First-person 3D perspective from 2D map data
- Win condition: Find the golden exit tile
- WASD/Arrow key controls
- Reset with 'R' key
- 15+ interactive commands:
help,about,skills,projects,contact, etc. - Command history navigation (↑/↓ arrow keys)
- Tab completion
- ASCII art outputs (
neofetch,cowsay,matrix) - App launching:
open xcode,open finder,open chrome
- macOS-style file browser
- Application launcher
- Trash functionality
- Remote browser control via WebSocket
- Real-time screenshot display
- Click/keyboard/scroll interaction
- URL navigation
- Node.js (v18 or higher)
- npm or yarn
- Clone the repository
git clone <repository-url>
cd my-portfolio- Install dependencies
npm install- Run development server
npm run dev- Open in browser
Navigate to http://localhost:5173
To use the Chrome browser app:
- Install browser server dependencies
npm install express ws playwright- Run the browser server (in a separate terminal)
node server.js