XP
XP is BITSUMMIT's website, rebuilt as a Windows XP desktop. You boot it up, log in, and explore the company through draggable windows, a working Start menu, and apps that actually run - including Street Fighter II and an AI-powered MSN Messenger.
I built it because corporate websites are boring and I missed the 2000s.
The idea
Every consulting firm has the same website. Hero banner, three columns of services, team photos, contact form. You forget it the moment you close the tab. I wanted something people would actually remember.
Windows XP was the operating system that shaped how an entire generation understood computers. That startup sound, the Bliss wallpaper, the taskbar - it hits a nerve for anyone who grew up in the 2000s. And our clients are exactly those people. IT leaders who started on XP and are now running Azure migrations.
So I rebuilt the whole thing. Boot sequence, login screen, desktop icons, draggable windows, taskbar with a clock. Not a theme on top of a framework. An actual desktop environment in the browser.
The desktop
The experience starts with a boot screen - the XP logo, a loading bar, three seconds of anticipation. Then the login screen with the BITSUMMIT avatar and the tagline: "After you log on, the system's yours to explore."
Once you are in, it is a full desktop. Icons on the left. A taskbar at the bottom with the Start button and a system clock. Every window can be dragged, minimized, maximized, and closed. They stack with proper z-indexing. The taskbar updates as windows open and close. It behaves like an actual operating system because that is the whole point.
The apps
Double-click About Us and a window opens with the company overview, sidebar navigation, expertise categories. Double-click Our Services and you get the full catalog. Contact Us opens an Outlook-style email compose window with a fake desperate email from "Jane from Ops" whose IT guy quit and took the passwords.
Street Fighter II is fully playable. Pick your character, fight the AI. Contra is in there too. Minesweeper and Solitaire because it would not be XP without them. There is a Music Player that looks like Windows Media Player circa 2003, a Command Prompt that accepts commands, and Paint for drawing.
MSN Messenger
This is the one that gets people. Open MSN Messenger and you get a contact list full of 2000s personas. ~*StarGirl*~ is a music fan. xX_DarkKnight_Xx is a gamer. |[LiMeWiRe_QuEeN]| pirates music. .:CodeMaster:. talks tech.
Click on any of them and you are in a conversation. They reply in real time with 2000s slang - brb, g2g, lol, :P - because each persona is powered by Claude with a system prompt that enforces the era. They remember your last ten messages. They have opinions. StarGirl will argue about which Blink-182 album is best.
I spent more time on the MSN notification sound than I probably should have.
The stack
The whole thing is vanilla JavaScript. No React. No Vue. No build step. One HTML file, one CSS file, one JS file. The window management, the z-index stacking, the drag handling, the app lifecycle - all raw DOM manipulation.
I did it this way partly to prove it could be done and partly because adding a framework to a Windows XP simulation felt wrong. The original XP did not have a virtual DOM. Neither does this one.
The CRT scanline effect is pure CSS. The boot animation is CSS keyframes. The only external dependency is xp.css for the authentic button and window chrome styling. The AI chat routes through Cloudflare Workers to keep the API key off the client.
Open source
XP is open source. Fork it, swap out the company info, and you have your own nostalgic portfolio. Or just play Street Fighter.
# Clone the repositorygit clone https://github.com/bit-haseebminhas/bitsummit-env-xp.gitcd bitsummit-env-xpbitsummit-env-xp/├── index.html # Desktop shell, boot, login├── apps/ # Self-contained iframe apps│ ├── about.html│ ├── services.html│ ├── projects.html│ ├── contact.html│ ├── msn.html # AI-powered MSN Messenger│ ├── cmd.html # Command Prompt│ ├── music.html # Music Player│ ├── paint.html # Paint│ └── roms/ # Street Fighter II, Contra├── scripts/│ └── main.js # Window manager, events, state├── styles/│ └── main.css # CRT effects, animations├── worker/│ └── msn-chat-worker.js # Cloudflare Worker for AI└── assets/ # Icons, sounds, wallpapers