A pixel-perfect, fully interactive Windows 11 desktop experience built with Next.js, featuring draggable windows, glassmorphism effects, and authentic system animations.
- 🎨 Authentic Windows 11 UI - Fluent Design with glassmorphism and backdrop blur
- 🪟 Complete Window System - Draggable, resizable windows with minimize/maximize/close
- 📱 Fully Responsive - Optimized for all screen sizes
- 🚀 High Performance - Built with Next.js 14 App Router
- 🎵 Interactive Elements - Functional Start Menu, Taskbar, and system sounds
- Next.js 14 - React framework with App Router
- TypeScript - Type-safe development
- Tailwind CSS - Utility-first styling
- React 18 - Modern UI library
- Sass - Advanced CSS preprocessing
- Node.js 20.x or higher
- npm, yarn, or pnpm
# Clone repository
git clone https://github.com/SN7k/windows11-portfolio.git
cd windows11-portfolio
# Install dependencies
npm install
# Run development server
npm run devOpen http://localhost:3000 in your browser.
npm run build
npm startsrc/
├── app/ # Next.js App Router
├── components/ # React components
│ ├── Desktop/ # Desktop UI
│ ├── StartMenu/ # Start menu system
│ ├── Taskbar/ # Taskbar components
│ └── Windows/ # Window applications
├── contexts/ # State management
├── data/ # Configuration files
└── layouts/ # Layout components
This project is licensed under the MIT License - see the LICENSE file for details.
SNK