shaoxiongdu / windows11

windows 11 in react 💻🌈⚡

Home Page:https://win11.blueedge.me

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Windows 11 in React

Follow me Follow Twitter Netlify Status Join

This open source project is made in the hope to replicate the Windows 11 desktop experience on web, using standard web technologies like React, CSS (SCSS), and Js.

Live Experience🌈: win11.blueedge.me

home

Gallery

pic1

pic1

pic1

Why

WHY NOT? Why not just waste a week of your life creating a react project just to coverup your insecurities of how incompetent you are. Just Why not!

Features

  • Start Menu, Search Menu and Widgets
  • Desktop and Right Click action
  • Side Navigation and Calendar View
  • Snap windows in different layouts
  • Browser, Store, Terminal, Calculator
  • Notepad, Vscode, Whiteboard
  • File Explorer + other apps
  • Drag and Resize windows
  • Startup and Lock screen
  • Themes and Background

📑 suggest more

Stack

  • Framework - React (^17.0.2) + Redux
  • Component/UI Library - None!!
  • Styling Solution - SCSS and CSS Modules (tailwind).
  • Icons - fontawesome

FAQ

  • How long it took?

    • Honestly It took 2-3 days collecting assets, 2-3 planning and about 6 days programming it.
  • Did you used any UI/Library?

    • No.
  • Can I contribute?

    • Yes, you can! Open an issue, create a pull request, head over to discussions or join the discord.
  • Where did you get the inspiration from, if you have?

  • What is the answer of Life, the Universe, and Everything?

    • 42

      answer

Docker

To use docker use the following command docker run -d --restart unless-stopped --name windows11 -p 3000:3000 ghcr.io/blueedgetechno/windows11:master

Heroku

Deploy

Contributors

License

⚖️ CC0-1.0 License

About

windows 11 in react 💻🌈⚡

https://win11.blueedge.me

License:Creative Commons Zero v1.0 Universal


Languages

Language:CSS 93.4%Language:JavaScript 5.0%Language:SCSS 1.5%Language:HTML 0.0%Language:Dockerfile 0.0%