Desktop environment
The core desktop environment recreates the classic Windows XP experience with pixel-perfect accuracy.Window management
Draggable and resizable windows with minimize, maximize, and close buttons. Click any window to bring it to front with proper z-index ordering.
Start menu
Classic XP Start menu with nested submenus mirroring the real Windows XP structure. Launch any application from the menu.
Taskbar
Active taskbar showing running applications, system tray clock, and volume control. Click taskbar buttons to minimize/restore windows.
Desktop icons
Click-to-select and drag-to-select (rubber band) functionality. Double-click icons to launch applications.
Window interactions
Every window in Web XP supports the full set of XP window operations:- Dragging — Click and drag the title bar to move windows
- Resizing — Drag window edges or corners to resize
- Minimize — Minimize to taskbar (window remains running)
- Maximize — Expand to full screen
- Focus — Click to bring window to front
- Close — Terminate the application
Applications
Web XP includes 13 fully functional applications that recreate classic Windows programs and add unique portfolio content.Internet Explorer
Internet Explorer
Internet Explorer
A working in-app browser with address bar, navigation history, back/forward buttons, and toolbar.Features:- Load any URL in an embedded iframe
- Back and forward navigation
- Address bar with URL input
- Classic IE toolbar interface
Minesweeper
Minesweeper
Minesweeper
The classic Minesweeper game, fully playable with authentic XP visuals.Features:- Three difficulty levels: Beginner, Intermediate, Expert
- Flag and question mark modes
- Chord clicking (reveal multiple cells)
- Live timer and mine counter
- Win/loss detection
All game logic is implemented from scratch using React hooks and state management.
My Computer
My Computer
My Computer
A navigable mock file explorer with folders and classic XP styling.Features:- Folder navigation with back/forward/up buttons
- Sidebar with folder details
- Address bar showing current path
- Mimics real XP file explorer layout
Notepad
Notepad
Notepad
A basic text editor with menu options.Features:- File menu: New, Open, Save
- Edit menu: Insert Time/Date
- Format menu: Word Wrap toggle
- Cursor position tracking (line and column)
- Multi-line text editing
Winamp
Winamp
Paint
Paint
Paint
Full Microsoft Paint experience via jspaint.app.Features:- Complete MS Paint toolset
- Drawing, shapes, text, and colors
- Embedded in an iframe
- Authentic Paint interface
Media Player
Media Player
Media Player
Custom audio/video/image player with advanced features.Features:- Real-time frequency visualizer
- Drag-and-drop file import
- Sortable playlist
- Seek bar with time display
- Loop toggle
- Supports audio, video, and images
3D Pinball
3D Pinball
Voltorb Flip
Voltorb Flip
Voltorb Flip
The Pokemon HeartGold/SoulSilver card game.Features:- Complete Voltorb Flip game
- Hosted locally with iframe
- Volume sync with global system volume
- Original game mechanics
PictoChat
PictoChat
PictoChat
Embedded chat application.Features:- Live chat interface
- Hosted at chat.aduncan.dev
- Embedded in XP window
About Me
About Me
About Me
Portfolio page with XP wizard styling.Features:- Personal skills showcase
- Project portfolio
- Contact information
- Classic XP wizard interface
Error Box
Error Box
Error Box
System error dialog (used internally).Features:- XP-style error messages
- Custom error text
- OK button to dismiss
- Plays system error sound
Easter egg
Easter egg
???
A hidden easter egg application.System features
Web XP includes authentic Windows XP system behaviors and animations.Boot sequence
Login screen
Login screen with two user accounts:
- Skillz — Primary user account
- Administrator — Secondary account
Welcome screen
Welcome screen with transition animation (2.5 seconds).Plays the XP logon sound when returning from Switch User.
Shutdown options
Access shutdown options from the Start menu:Log Off
Returns to login screen. Plays logoff sound. Session state preserved for Switch User.
Switch User
Switches to login without logging off. Session runs in background.
Turn Off
Shutdown animation with grayscale fade. Plays shutdown sound. Reboots after 4 seconds.
Restart
Same as Turn Off but displays “Windows is restarting…” message.
Blue Screen of Death (BSOD)
BSOD features:- Catches all unhandled errors and promise rejections
- Displays actual error message in stop code
- Classic XP blue screen styling
- Prevents further interaction until page reload
Audio system
Web XP includes a complete audio system with global volume control.System sounds
Authentic XP sounds play throughout the experience:- Boot sound — XP startup chime
- Login sound — Welcome sound on first login
- Logon sound — Sound when returning from Switch User
- Logoff sound — Sound when logging off or switching users
- Shutdown sound — Sound when shutting down or restarting
- Error sound — System error beep
- Balloon notification sound — System tray notification
Volume control
Global volume control with persistent state:Volume slider
Taskbar volume icon opens a slider to adjust volume (0-100).
Mute toggle
Click the speaker icon to mute/unmute all system sounds.
LocalStorage persistence
Volume and mute settings persist across sessions using localStorage.
Universal control
All applications respect the global volume setting.
Design system
Web XP follows the classic Windows XP design language:Font
Tahoma — Primary system font with ‘Noto Sans’ fallback
Primary color
#c19f13 — XP gold accent color
Button color
#0078d4 — Classic XP blue for buttons
Tech stack
Built with modern web technologies:- React 18 — Hooks and useReducer for state management
- styled-components — All styling and animations
- Vite — Development server and production builds
- webamp — Winamp player library
- react-use — Mouse tracking and window size hooks
