README.md — my-portfolio

C:\portfolio> whoami

RAZA Ali — Frontend Developer

C:\portfolio> cat description.txt

A fully interactive Windows desktop experience

built as a developer portfolio. Open windows,

run terminal commands, change wallpapers.

C:\portfolio> get-stack

React 19 + Vite + CSS Modules

C:\portfolio>

React 19 Vite / Rolldown CSS Modules JavaScript Windows UI Theme

Features

What's inside

🖥️

Desktop environment

Fully interactive Windows-style desktop with draggable icons and taskbar

💻

Live terminal

Functional terminal window with custom commands to navigate the portfolio

📁

File explorer

My Computer window that acts as a file system browser for portfolio content

🎨

12 wallpapers

Switch between 12 wallpapers including space, gaming, code, landscapes and more

⊞

Start menu

Windows-style start menu to launch apps and navigate sections

✨

Loading screen

Custom boot animation on first load before the desktop appears

Structure

Project layout

my-portfolio/ ├── public/ │ └── wallpapers/ wp1–wp4.jpg ├── src/ │ ├── components/ reusable UI pieces │ │ ├── CommandInput/ │ │ ├── DesktopIcon/ │ │ ├── ExplorerWindow/ │ │ ├── LoadingScreen/ │ │ ├── StartMenu/ │ │ ├── Taskbar/ │ │ ├── Terminal/ │ │ └── Window/ │ ├── sections/ About, Hero, Projects, Contact… │ ├── utils/ commandHandler, fileSystem │ ├── App.jsx │ ├── App.module.css │ └── main.jsx ├── vite.config.js └── package.json

Setup

Getting started

Clone the repo

$ git clone https://github.com/RAZAAli901/my-portfolio.git

Install dependencies

$ npm install

Start dev server

$ npm run dev

Open in browser

http://localhost:5173

Terminal

Available commands

Command	Description
help	List all available commands
about	Display info about me
projects	View my projects
contact	Show contact details
wallpaper [1-12]	Change the desktop wallpaper
clear	Clear the terminal screen

Wallpapers

What's inside

Project layout

Getting started

Available commands

12 built-in wallpapers