陈刑OS is a personal portfolio website designed to mimic an operating system interface. Built with Vue.js and TypeScript, it features draggable windows, a terminal emulator, and interactive apps that showcase my projects in a cozy desktop environment.

• 🖥️ Desktop Interface
  • 🪟 Window Management System: Vue-powered draggable windows with z-index management
  • 💾 Persistent State - Window positions saved between sessions
• 🎮 Gaming Library - Showcase of game projects and favorites
• 🐧 Terminal Emulator with common Linux commands
• 💻 Code Projects - GitHub projects with tech stack icons
• ⚙️ Settings - Customize the OS experience
  • Theme selection
  • Background textures
• 🕒 Live Clock - Current time and date display

Experience 陈刑OS directly in your browser:
https://chenxing-dev.github.io/

To run locally:

1. Clone the repository:

   git clone https://github.com/chenxing-dev/chenxing-dev.github.io.git
   cd chenxing-dev.github.io

2. Install dependencies:

   npm install

3. Start the development server:

   npm run dev

4. Build for production:

   npm run build

chenxing-dev.github.io/
├── public/                  # Static assets
│   ├── audio/               # Sound files
│   └── images/              # Background images
├── src/
│   ├── components/                   # Vue components
│   │   ├── desktop/                  # Desktop icons and wallpaper
│   │   └── windows/                  # Window components for each app
│   │       ├── MusicPlayer.vue
│   │       ├── TerminalWindow.vue
│   │       ├── Window.vue            # Window wrapper component
│   │       └── ...                   # Other app windows
│   ├── App.vue                       # Main app component
│   └── main.ts                       # Entry point
├── index.html                        # HTML template
├── package.json
├── README.md                         # Project documentation
├── tsconfig.json                     # TypeScript configuration
├── uno.config.ts                     # UnoCSS configuration
└── vite.config.ts                    # Vite configuration

• Vue 3 - Progressive JavaScript Framework
• TypeScript - Type-Safe JavaScript
• Vite - Next Generation Frontend Tooling
• UnoCSS - Instant On-demand Atomic CSS Engine
• GSAP - Professional JavaScript Animation
• Vue Draggable Resizable - Draggable and resizable components
• VueUse - Collection of Vue Composition Utilities
• GitHub Pages - Static Site Hosting

Contributions are welcome! If you find any issues or have suggestions for improvements:

1. Fork the project
2. Create your feature branch (git checkout -b feature/AmazingFeature)
3. Commit your changes (git commit -m 'Add some AmazingFeature')
4. Push to the branch (git push origin feature/AmazingFeature)
5. Open a Pull Request

Distributed under the MIT License. See LICENSE for more information.

陈刑 - 微博@陈刑很刑