/Win_11_clone_web_app

Experience the look and feel of Windows 11 directly in your browser with this web-based clone. Enjoy a similar user interface and functionality.

Primary LanguageJavaScript

🖥️ Windows 11

Welcome to the Windows Clone app built with React.js! 🎉 Dive into this interactive simulation of the Windows operating system, packed with apps and features to play around with. Let’s get started!

desktop lockscreen

You can enter anything on the login page to gain access to the app. No need for actual credentials!

🎨 Features

  • 🌐 Chrome: Surf the web just like in a real Chrome browser.
  • 🧮 Calculator: Perform basic arithmetic operations with this handy calculator.
  • 💻 VS Code: Virtual Visual Studio Code environment.
  • 🕹️ Emoji Tic-Tac-Toe: Play a fun game of Tic-Tac-Toe using emojis!
  • 🎵 Spotify: Enjoy a simulated music player interface.
  • 📁 About Me: Learn about ME.

🚀 Installation

To get this project running on your local machine, follow these simple steps:

  1. Clone the repository:

    git clone https://github.com/MishanPoudel/Windows11-3.0
  2. Navigate to the project directory:

    cd Windows11-3.0
  3. Install the dependencies:

    npm install
  4. Start the development server:

    npm start

    Your app will open in your default web browser at http://localhost:3000 🎉

💻 Usage

  • Login Page: You can enter anything on the login page to gain access to the app. No need for actual credentials! 🔐
  • Click on the icons on the desktop to open the different apps.
  • Use the taskbar to switch between open applications.
  • 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.

🤝 Contributing

Want to contribute? We’d love your help! Fork the repository, make your changes, and submit a pull request. Please follow the coding standards and include tests where necessary.

⭐ Support

If you enjoy this project or find it useful, please consider giving it a star on GitHub. Your support means a lot and helps encourage further development! 🌟

Contact

Got questions or feedback? Reach out at your-email@example.com. We’d love to hear from you!

🚧 Note

I’m a beginner in React.js and web development, so my code might not be perfect. I’m constantly learning and improving, so any constructive feedback is appreciated!

📸 Screenshots

desktop browser vscode calculator emoji explorer switch sleep spotify startmenu aboutme

💡 Inspiration

This project was slightly inspired by Vivek Patel's portfolio. Check it out for more creative ideas and inspiration!

gif

Enjoy exploring your Windows Clone app! 🎉💻🖱