🖥️ Windows 11 Clone with React.js
Mishan Poudel

Mishan Poudel @misery666

Joined:
Mar 11, 2024

🖥️ Windows 11 Clone with React.js

Publish Date: Aug 1 '24
537 106

I have developed a Windows 11 clone web app for educational purposes and want to share it with the community. This app is built with React.js for the frontend.

The app tries to mimic a few functions of Windows 11, including:

  • Interactive desktop environment
  • Taskbar with start menu and search functionality
  • Open and interact with various applications such as:
    • Chrome: Surf the web like in a real browser
    • Calculator: Perform basic arithmetic operations
    • VS Code: Virtual coding environment
    • Emoji Tic-Tac-Toe: Play a fun game using emojis
    • Spotify: Enjoy a simulated music player interface
    • About Me: Learn about the developer
  • Switch between open applications using the taskbar
  • Draggable windows to simulate a real desktop environment
  • Simulated login screen (enter any credentials to access)

Other features:

  • Responsive frontend for desktop and mobile devices
  • Built with modern web technologies for a smooth and interactive user experience

Technical stack:

  • Frontend: React.js, Tailwind CSS, React Router DOM, Framer Motion, React Draggable

For source code and demo, please visit my GitHub repo:

Please give me a ⭐ GitHub star ⭐ for my effort if you find this project useful!

Comments 106 total

  • Adnan Rizvan
    Adnan RizvanAug 2, 2024

    Hey this looks really cool! I'd love to see you continuing to improve the app and making the rest of the "OS" interactive!

  • retrop5
    retrop5Aug 2, 2024

    Amazing! the best part was when you became a legend for the WindowsXP shutting down screen

    • Mishan Poudel
      Mishan PoudelAug 2, 2024

      Haha, thank you so much! Just trying to give it that nostalgic touch.

  • Ezpie
    EzpieAug 2, 2024

    When you don't have anything to do, this is incredible! I don't know why but this sure is!

  • Akshay Joshi
    Akshay JoshiAug 2, 2024

    A project cant be useful but inspiring, and feels good for you that you have so much time to work on something fun like this

    • Mishan Poudel
      Mishan PoudelAug 2, 2024

      Thank you! While this project may not be directly useful, I'm glad it can be inspiring. Too much free time is the perk of being unemployed :')

      • Shahzaib Umaar
        Shahzaib UmaarAug 5, 2024

        and also being unmarried ;)

        • Jason
          JasonAug 6, 2024

          :'( - I want free time.
          Wife and Job on offer, any takers? 🙈

  • Vairt Real Estate
    Vairt Real EstateAug 2, 2024

    I have been exploring for a little for any high quality content in this kind of area . Exploring so much at last stumbled upon this website. Studying this info makes me feel so good to express that I have a very excellent uncanny feeling I found out just what I needed. I so much unquestionably will make certain to do not overlook this web site and give it a glance regularly. yesHalal Investment

  • Eckehard
    EckehardAug 2, 2024

    See also this XP-Clone...

    • Márcio José
      Márcio JoséAug 8, 2024

      LOL

    • Lucas Vilar
      Lucas VilarAug 28, 2024

      Very good!!

      Is the project open source? If so, what is the repository link?

  • Fyodor
    FyodorAug 2, 2024

    Does it implement BSOD properly? That’s must-have, FWIW.

    • Mishan Poudel
      Mishan PoudelAug 2, 2024

      haha! not yet but i will try to add it in the near future. thank you for your suggestion

    • Oli
      OliAug 31, 2024

      You could have a top level error boundary in the React tree, and if it is hit, it can trigger a BSOD haha

  • Akshay Ballal
    Akshay BallalAug 2, 2024

    This looks dope. Just a suggestion that you can reduce the amount of transparency and add gaussian blur instead.

    • Mishan Poudel
      Mishan PoudelAug 2, 2024

      Thanks for the suggestion! Which part would you like to see with reduced transparency and Gaussian blur?

  • Renterra
    RenterraAug 2, 2024

    Awesome post!

  • Nikola Perišić
    Nikola PerišićAug 2, 2024

    Wow, awesome

  • Opeyemi Adedotun
    Opeyemi AdedotunAug 2, 2024

    This is awesome! Wow! Impressive. I want to be this good.

    • Mishan Poudel
      Mishan PoudelAug 2, 2024

      Thank you so much! I’m glad you think it’s impressive. I’m just a beginner myself, but I appreciate the encouragement!

  • Himadri Roy
    Himadri RoyAug 2, 2024

    Good bro carry on....

    • Mishan Poudel
      Mishan PoudelAug 2, 2024

      thanks for the encouragement! I’ll keep at it.

  • Jonathan Reeves
    Jonathan ReevesAug 2, 2024

    This is a great project. I am blown away by how well it responds inside the browser. It definitely looks like Windows 11 and in some instances feels like Windows 11. Great job. I have starred the GitHub Repo as I think it's an amazing project.

    • Mishan Poudel
      Mishan PoudelAug 2, 2024

      thank you man! i was unsure if it was good enough to be posted but comments like yours have really made my days!

    • Florian Rappl
      Florian RapplAug 2, 2024

      Really? How come? Windows don't maximize. They don't minimize properly either (nothing in the taskbar). Design-wise it's okay but there are multiple Windows 11 clones out there that do a better job. I really don't get that comment (have you ever used Windows; any version?)...

      • Mishan Poudel
        Mishan PoudelAug 4, 2024

        sorry man, I'm beginner and I'm trying to implement that too

        • Florian Rappl
          Florian RapplAug 4, 2024

          My comment was not about your work (as mentioned this is fine - esp. for a beginner!) but about the previous comment by Jonathan (as mentioned I am not sure why he thinks that is such a great project as many things just don't work or behave as you might expect to). Again - kudos to you. For a beginner this is already doing a good job!

          • Mounssif BOUHLAOUI
            Mounssif BOUHLAOUIAug 29, 2024

            @misery666 (Mishan Poudel) dont be sorry man, you did great job, very inspiring really, you should feel proud! keep going

  • Ilker Ozturk
    Ilker OzturkAug 2, 2024

    I loved it, I saved it. I'm about to start windows 12 C; thanks for inspiration.

  • GP
    GPAug 2, 2024

    Well done and great efforts! It's pretty fast, too.

    • Mishan Poudel
      Mishan PoudelAug 2, 2024

      Thank you! Happy to hear it worked well for you.

  • mohamed karim
    mohamed karimAug 2, 2024

    Thank for sharing

  • Sanjay Paul
    Sanjay PaulAug 3, 2024

    Loved it!!! THanks for the share Mishan

  • Allanlcomander
    AllanlcomanderAug 3, 2024

    This is great work bro.

  • ramiroangelb
    ramiroangelbAug 3, 2024

    It's incredible, I didn't even know you could do something like this! You even have Visual Studio Code there!

  • Elbyss
    ElbyssAug 3, 2024

    awesome work ! I was inspired by your work.

  • Syed Muhammad Ali Raza
    Syed Muhammad Ali RazaAug 3, 2024

    👍

  • Axorax
    AxoraxAug 3, 2024

    nice 👍

  • Chukwu Christian
    Chukwu ChristianAug 3, 2024

    Spying on their account is the best way to find out the truth without trouble. Thanks to Jackthomashit on Instagram, I finally know what she was up to.He helped me gain access to my college Facebook account, so I finally saw and read all she was telling my fiance. With anyone knowing, he is truly an expert in his job for spying services and recovery cases. I recommend him.
    Email: jackthomashit@gmail.com
    Instagram: @jackthomashit

  • Isuru Madusanka
    Isuru MadusankaAug 3, 2024

    Great project bro

  • ritik1009
    ritik1009Aug 4, 2024

    This Project is really Cool and can be used as a portfolio website by just adding your other project details along with link and icons.That icons will let other user see them inside the windows operating system. I think I should also create this type of project. Thank you for sharing this project😀

  • Neetigya Chahar
    Neetigya ChaharAug 4, 2024

    In Chrome browser, it shows my personal search history, making me wonder how did your website took up my history. It took me a while to realise that the google.com loads up in the iframe. Great job!

  • Edward Ongo
    Edward OngoAug 4, 2024

    Have you seen this website? puter

    • Mishan Poudel
      Mishan PoudelAug 5, 2024

      Wow, this looks like it's on a whole new level!

  • Ogbole Divine
    Ogbole DivineAug 5, 2024

    U did excellently, how can I code with multiple languages pls,put me through...

  • zoujia
    zoujiaAug 5, 2024

    Cool....👍👍

  • Jovylle B
    Jovylle BAug 5, 2024

    Haha that's fun.

  • Ali Zulfaqar
    Ali ZulfaqarAug 5, 2024

    Amazing that's all i can say

  • Shahzaib Umaar
    Shahzaib UmaarAug 5, 2024

    great project man, must've worked hard for this one.

    • Mishan Poudel
      Mishan PoudelAug 5, 2024

      Thanks a lot! I really appreciate it. I did put a lot of effort into this.

  • mandeepsng
    mandeepsngAug 5, 2024

    amazing bro

  • Cody Cordova
    Cody CordovaAug 5, 2024

    this is really cool! great job! good inspiration for me ^~^

    • Mishan Poudel
      Mishan PoudelAug 5, 2024

      Thank you so much, that really means a lot to me!

  • Meredith Wechter
    Meredith WechterAug 5, 2024

    **PLEASE READ!!
    THIS IS MY STORY ABOUT HOW I GOT SCAMMED BY A FAKE CRYPTOCURRENCY INVESTMENT PLATFORM THAT STOLE $200K OF MY RETIREMENT SAVINGS you really have to be careful who you let into your financial life. When I met this “dream guy”, I thought my life was finally coming around. He was a Jamaican guy, 7 years younger than me. We had a whole plan mapped out. Investments were our first goal. Soon, I was completely lost in him. And we started our investment journey with a shared account. Of course, I had a bigger share since I already had a successful business. Everything was fine until I started getting calls from my financial manager. Large amounts of money were being withdrawn and then he got worried. Of course, “my guy” dismissed it, saying the funds were used in new investments. $430K was the final blow. This also happened at a time when we were going through a rough patch in our relationship. This was the last blow I could take and so I tried to contact him. I could not get through to him. In two months, no word yet. I contacted the authorities but they dismissed me based on my spouse's disagreements. I sort of help relentlessly. Until a friend introduced me to intelligencecyberwizardgmail.com. I can't thank them enough. Thank you for refunding my money back. Consider giving them a try if you are in such a mess, contact them via email WhatsApp/tex or visit their Instagram page.

    Instagram:@intelligence_cyber_wizard
    Email:intelligencecyberwizard@gmail.com
    WhatsApp/text: + 2 (1653) 126 882

  • Shekhar Metre
    Shekhar MetreAug 5, 2024

    Is open source to contribute

  • Deri Kurniawan
    Deri KurniawanAug 5, 2024

    Pretty cool bro, but it looks like it needs a little improvisation in terms of responsiveness.
    Btw, I have also made it, permission to share windows11.deri.my.id.
    Some features inspired me and maybe I will add it to my old project 😂👍 Thanks

    • Mishan Poudel
      Mishan PoudelAug 5, 2024

      wow bro, yours is so much better and way too cool! i loved it

      • Deri Kurniawan
        Deri KurniawanAug 5, 2024

        not really bro, each has their own advantages 😂👍

  • Kartik Srivastava
    Kartik SrivastavaAug 6, 2024

    That's so good !

    Btw what is the background picture that you have used on the lock screen ? It looks so beautiful !

  • reza nouri
    reza nouriAug 6, 2024

    perfect 👏
    thank you for share it

  • Karim Abdallah
    Karim AbdallahAug 6, 2024

    That's a great project ☕♥️

  • Kosiso Francis
    Kosiso FrancisAug 6, 2024

    Bruh am blown away by this.

  • Arjun Vijay Prakash
    Arjun Vijay PrakashAug 7, 2024

    THIS. IS. AWESOME.

  • Emmanuel-kim
    Emmanuel-kimAug 9, 2024

    This is awesome, could be a game changer in future you never know

  • Syed Maaz Saeed
    Syed Maaz Saeed Aug 9, 2024

    Great. You have created a great and unique project.

  • Miguel Ángel Reyes Moreno
    Miguel Ángel Reyes MorenoAug 9, 2024

    Amazing work!

  • NHTNg
    NHTNgAug 10, 2024

    Nice one!
    Here is mine one, but I am using the Window 98 as main theme.
    portfolio-site-eight-delta.vercel.app

  • Мартин Чолаков
    Мартин ЧолаковAug 16, 2024

    Edge is soooooooooo fast ! <3 :D

  • Haider Khan
    Haider KhanAug 16, 2024

    You did great!

  • mohit bisht
    mohit bishtAug 17, 2024

    good detailing

  • nayem
    nayemAug 17, 2024

    Absolutely Stunning. Awesome Man

  • Can YILDIZ
    Can YILDIZAug 17, 2024

    It is amazing. Btw you spelled "Calendar" wrong.

  • Abdul Rehman Kalsekar
    Abdul Rehman KalsekarAug 18, 2024

    Great Project !! Great Detaling

  • Md. Fardin Khan
    Md. Fardin KhanAug 19, 2024

    It is an awesome project. I like the 'about me' part

  • Jc6300
    Jc6300Aug 26, 2024

    This is amazing!

  • Robin Cajas
    Robin CajasAug 29, 2024

    yooooooo!
    Image description

  • scharde
    schardeAug 30, 2024

    This is awesome

  • Oshin Rai
    Oshin RaiAug 31, 2024

    Oh my god
    Youre so talented!!How did you do it??Im really inspired by you and great fan of your work👏🏼👏🏼
    Heads up

  • Abdulbasit Rubeya
    Abdulbasit RubeyaSep 2, 2024

    Bro this is a work art 🖐️🤚

  • Jonas Pimentel
    Jonas PimentelSep 6, 2024

    Very good, I thought the quality of your work was incredible. We can even think about growing this project.

  • m olea
    m oleaSep 7, 2024

    hey - you are an excellent developer

  • Mohammad Noushad Siddiqi
    Mohammad Noushad SiddiqiSep 10, 2024

    I can't quite put into words how I feel, but I absolutely love how seamlessly everything was handled. The way Spotify and VSCode work together makes it feel so real and immersive. It's such a well-done implementation! I truly appreciate every aspect of this project—it's nothing short of amazing

  • Rohit Pakhrin
    Rohit PakhrinSep 13, 2024

    Looks great.

  • SULMAN KHAN
    SULMAN KHANSep 25, 2024

    what is password

  • Сергей Братков
    Сергей БратковSep 26, 2024

    It looks good for beginners! Good work!

  • Md: Khurshed Alam Jishan
    Md: Khurshed Alam JishanOct 11, 2024

    This is a great project🥰 Best wishes for you🥰

  • Constantin Exari
    Constantin ExariOct 14, 2024

    Sign in doesn't really working, it just shows me spinner and nothing happens next...

  • Isaac Newton
    Isaac NewtonOct 14, 2024

    Damn I love this man keep it up

  • Priyanshu Bansal
    Priyanshu BansalOct 24, 2024

    As a fresher in this field, I found your project truly inspirational! Creating a Windows 11 clone using ReactJS is such an impressive achievement, and it motivates me to dive deeper into web development. Your work shows what's possible with dedication and skill. Thank you for sharing this!

  • Hemat Waziri
    Hemat WaziriOct 25, 2024

    Bro, It's great you are on another level 👌

Add comment