https://github.com/rajput-vinay/window11

Welcome to the Windows Clone app, a fun and interactive simulation of the Windows operating system, built with React.js! Dive in and explore the apps and features packed into this project.
https://github.com/rajput-vinay/window11

motion-framer reactjs tailwindcss window-11clone

Last synced: 5 days ago
JSON representation

Welcome to the Windows Clone app, a fun and interactive simulation of the Windows operating system, built with React.js! Dive in and explore the apps and features packed into this project.

• Host: GitHub
• URL: https://github.com/rajput-vinay/window11
• Owner: Rajput-vinay
• Created: 2024-08-14T06:00:14.000Z (3 months ago)
• Default Branch: main
• Last Pushed: 2024-08-20T09:44:51.000Z (3 months ago)
• Last Synced: 2024-08-21T03:23:43.250Z (3 months ago)
• Topics: motion-framer, reactjs, tailwindcss, window-11clone
• Language: JavaScript
• Homepage: https://window11-eight.vercel.app
• Size: 2.57 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Windows Clone App 🎉

Welcome to the **Windows Clone** app, a fun and interactive simulation of the Windows operating system, built with React.js! Dive in and explore the apps and features packed into this project.

## 🎨 Features

- **🌐 Chrome**: Surf the web just like in a real Chrome browser.

- **🧮 Calculator**: Perform basic arithmetic operations with this handy calculator.

- **🕹️ Tic-Tac-Toe**: Play a fun game of Tic-Tac-Toe !

- **🎵 Spotify**: Enjoy a simulated music player interface.

## 💻 Usage

- **Login Page**: You can enter anything on the login page to gain access to the app. No need for actual credentials! 🔐

- **Desktop Icons**: Click on the icons on the desktop to open different apps.

- **Taskbar**: Use the taskbar to switch between open applications.

- **Interactive Apps**: Interact with the apps to explore their features and functionalities!

## 🛠️ Technologies Used

- **React.js**: For building the interactive user interface.

- **Tailwind CSS**: For styling the components and creating a desktop-like experience.

- **React Router DOM**: For managing navigation and routing within the app.

- **Framer Motion**: For adding animations and transitions.

- **React Draggable**: For making elements draggable.

## 🚀 Getting Started

To get a local copy up and running, follow these steps:

### Prerequisites

Make sure you have Node.js and npm installed on your machine.

### Installation

1. Clone the repo:

   ```bash

   git clone https://github.com/Rajput-vinay/window11.git

2. Navigate to the project directory:

   ```bash

   cd window11

3. Install the dependencies

   ```bash

   npm install

4. Start the development server:

    ```bash

    npm start

## 📄 License

This project is open-source and available under the [MIT License](LICENSE).

## 📬 Contact

Feel free to reach out if you have any questions or suggestions!

**Vinay Rajput** - [LinkedIn](https://www.linkedin.com/in/vinay-rajput-984668227/) - [Email](mailto:[email protected])