Skip to content

Latest commit

 

History

History
75 lines (64 loc) · 2.11 KB

README.md

File metadata and controls

75 lines (64 loc) · 2.11 KB

Windows 11 Clone in React

This project is for learning purposes only.

Live Link: Live Demo

This React project mimics the Windows 11 desktop experience with fully functional draggable windows using only JavaScript and Framer Motion for smooth animations, no external draggable libraries.

Tech Stack:

  • React.js
  • Tailwind CSS
  • Framer Motion (for smooth animations)

Features:

  • Apps:

    • This PC
    • Folder
    • Google Chrome
    • Recycle Bin
    • Microsoft Edge
    • Calculator
    • DrawBoard
    • VS Code

  • Working Components:

    • Fully functional Windows Start Menu with search, shutdown, and restart functionality.
    • Login page resembling Windows 11.
    • Custom draggable windows for smooth interaction.
    • Right-click context menu with multiple options.
    • Fully interactive terminal with basic command support.

Screenshots:

laptop laptop laptop laptop laptop laptop laptop laptop laptop laptop laptop laptop laptop laptop laptop laptop laptop laptop laptop

Not Mobile supported yet*

mobile

Contributing

  1. Fork the Repository: Click on "Fork" at the top right of this GitHub page.
  2. Clone the Repository: 
    git clone https://github.com/VrajVyas11/React_Windows_11.git
  3. Navigate to the Project Directory: 
    cd React_Windows_11
  4. Install Dependencies: 
    npm install
  5. Start the Development Server: 
    npm start