Skip to content

SN7k/windows11-portfolio

Repository files navigation

Windows 11 Portfolio

Next.js TypeScript React Tailwind CSS License

A pixel-perfect, fully interactive Windows 11 desktop experience built with Next.js, featuring draggable windows, glassmorphism effects, and authentic system animations.

Live DemoReport BugRequest Feature


✨ Features

  • 🎨 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

🛠️ Tech Stack

  • 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

🚀 Quick Start

Prerequisites

  • Node.js 20.x or higher
  • npm, yarn, or pnpm

Installation

# Clone repository
git clone https://github.com/SN7k/windows11-portfolio.git
cd windows11-portfolio

# Install dependencies
npm install

# Run development server
npm run dev

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

Build for Production

npm run build
npm start

📁 Project Structure

src/
├── 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

📄 License

This project is licensed under the MIT License - see the LICENSE file for details.

👤 Author

SNK


About

A Windows 11 style portfolio UI built with Next.js

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors