React XP

An authentic recreation of Windows XP, created using React and Typescript.

Features

• Functional Taskbar and Start Menu
• Movable Desktop Icons
• Movable & resizable windows
• Login, Shutdown and boot up sequences
• Notepad
• File Explorer
• Internet Explorer with Wayback Machine implementation for period accurate web browsing.
• Run can open applications and Folders, either by internal appId, or title. URLs will also open in Internet Explorer.
• Solitaire
• Paint
• Clippy

Roadmap

This is an ongoing project, with many more features I’d like to include in the future, here are some potential features I make look into:

• MSN Messenger
• Minesweeper
• Doom?
• Media Player
• Picture Viewer

Demo

https://react-xp.jamiepates.com/

Local Installation

git clone https://github.com/Cyanoxide/react-xp.git
cd react-xp/frontend/
npm install
npm run dev

Then open http://localhost:5174 in your browser.

Special Thanks

• XP.css — Used specifically for scrollbar assets (arrows, track and thumb)
• clippyjs

Support & Contribution

If you like the project and wish to support it, consider sharing the project online or donating here: https://ko-fi.com/cyanoxide