Windows XP Recreation Website

A nostalgic recreation of the classic Windows XP desktop built with React. Features draggable, resizable windows, a functional taskbar with pinned apps and running window tabs, and custom XP-style UI components.

Features

• Classic Windows XP look and feel with background, icons, and window styles.
• Draggable, resizable windows with minimize, maximize, and close functionality.
• Taskbar with pinned apps and active window tabs.
• Built-in apps: Explorer, Mail, Paint.
• Media Player: WIP
• Window focus management for smooth user interaction.

Technologies

• React (Hooks and Functional Components)
• CSS3 (Gradients, shadows, Flexbox)
• Modern JavaScript (ES6+)

Getting Started

1. Clone the repo:

   git clone https://github.com/yourusername/windows-xp-recreation.git
   cd windows-xp-recreation

2. Install dependencies:

   npm install

3. Start the app:

   npm start

4. Open http://localhost:3000 in your browser.

Usage

• Double-click desktop icons to open apps.
• Use the taskbar to switch or launch windows.
• Drag, resize, minimize, maximize, and close windows.
• Click windows to bring them to the front.