Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/victorbravim/windows11
Windows 11 - Clone Page
https://github.com/victorbravim/windows11
nextjs os tailwind typescript windows windows-11 windows11
Last synced: 3 months ago
JSON representation
Windows 11 - Clone Page
- Host: GitHub
- URL: https://github.com/victorbravim/windows11
- Owner: VictorBravim
- License: mit
- Created: 2024-06-06T13:54:38.000Z (7 months ago)
- Default Branch: main
- Last Pushed: 2024-08-02T20:39:55.000Z (5 months ago)
- Last Synced: 2024-10-11T14:23:28.438Z (3 months ago)
- Topics: nextjs, os, tailwind, typescript, windows, windows-11, windows11
- Language: TypeScript
- Homepage: https://windows11-eta.vercel.app
- Size: 2.76 MB
- Stars: 2
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# 🪟 Windows11
![image](https://github.com/VictorBravim/Windows11/assets/122113588/78c70116-abf5-4b4b-b167-1b5a36558845)
## 🚀 Overview
This project is a website that serves as a clone of the Windows 11 operating system interface. It replicates the look and feel of Windows 11, providing users with a familiar desktop experience directly in their web browser. The website includes components such as a navigation bar, desktop area, lock screen, and various applications, closely resembling the functionality of the Windows 11 operating system.
## 📋 Requirements
- Node.js (v12 or later)
- npm (v6 or later) or yarn (v1 or later)## 🔧 Installation
1. Clone the repository:
```
git clone https://github.com/VictorBravim/Windows11.git
```2. Navigate to the project directory:
```
cd Windows11
```3. Install the dependencies:
```
npm install
or
yarn install
```4. Run the development server:
```
npm run dev
```## 🛠️ Project Structure
- Nav.tsx: The Nav.tsx file is responsible for rendering the Windows-like navigation bar. It contains icons and functionalities to access applications and system resources.
- Hero.tsx: The Hero.tsx file simulates the desktop area where users can interact with various applications and widgets. It serves as the main workspace for the user's tasks and activities.- LockScreen.tsx: The LockScreen.tsx file represents the initial screen of the Windows operating system, where users are prompted to log in or unlock their devices. It provides security and access control to the system.
## 📄 License
- This project is licensed under the [MIT License](LICENSE).