Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/victorbravim/windows11

Windows 11 - Clone Page
https://github.com/victorbravim/windows11

nextjs os tailwind typescript windows windows-11 windows11

Last synced: 6 days ago
JSON representation

Windows 11 - Clone Page

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).