DEV Community

Cover image for Windows 11 in React Js πŸ’» 🌈
Blue edge
Blue edge Subscriber

Posted on

Windows 11 in React Js πŸ’» 🌈

Hello devs,

So this is a windows 11 clone that I made in React in the span of 7 days. Would you like to check out? I bet you wont be able to tell the difference in full screen mode.

Website: win11.blueedge.me
Github: blueedgetechno/windows11

All Apps

Widgets

Snapping tool

And this is just the tip of the iceberg, visit: win11.blueedge.me

Top comments (71)

Collapse
Β 
areeburrub profile image
Areeb ur Rub β€’

Cool!
I suggest you to Add

<meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0;">
Enter fullscreen mode Exit fullscreen mode

So that doesn't resize itself on mobile devices.

Collapse
Β 
blueedgetechno profile image
Blue edge β€’

It wasn't meant for mobile devices but Thanks for your suggestion.

Collapse
Β 
ahmeteneskcc profile image
Ahmet Enes KCC β€’

Cool

Collapse
Β 
rehman0 profile image
Comment deleted
Collapse
Β 
areeburrub profile image
Info Comment hidden by post author - thread only accessible via permalink
Areeb ur Rub β€’

It's also good but this one is also not compatible with mobile devices, I mean in tablets also you don't want anyone to zoom in for that you can also use the same meta tag.

Collapse
Β 
sami_hd profile image
Sami β€’

I just tricked my brother into thinking that I download windows 11 XD
Just brilliant!

Collapse
Β 
blueedgetechno profile image
Blue edge β€’

Now that's what we call a pro move

Collapse
Β 
biomathcode profile image
Pratik sharma β€’

you can actually download windows 11 in beta. Just saying. You would have to download it manually though

Collapse
Β 
blueedgetechno profile image
Blue edge β€’

I downloaded it in a vm and got the color references and what not

Thread Thread
Β 
biomathcode profile image
Pratik sharma β€’

yeah, you literally clone it :) as a website.

You are great.

It has performance issue or maybe my laptop is slowing down day by day

Collapse
Β 
sami_hd profile image
Sami β€’

Yeah but I don't think the trick is worth that work.

Thread Thread
Collapse
Β 
bobbyqgard profile image
Rob Gardner β€’

That's hilarious

Collapse
Β 
catalinradoi profile image
CatalinRadoi β€’

Is this the "cloud" version Microsoft was talking about? 🀣

(Looks pretty neat, @blueedgetechno )

Collapse
Β 
olivertembo profile image
olivertembo β€’

This is the one. haha

Collapse
Β 
blueedgetechno profile image
Blue edge β€’

If there is any cloud version then I'm in big trouble πŸ˜‚

Collapse
Β 
rlogical profile image
Rlogical Techsoft Pvt Ltd β€’

Great post but get to know more here about Microsoft Windows 11 Launched: Know Expected Features, and More.

Collapse
Β 
blueedgetechno profile image
Blue edge β€’

Just visit the site: win11.blueedge.me

Collapse
Β 
abdelrahmandeghedy profile image
Abdelrahman AbouDeghedy β€’

This is really fantastic! Great work!

Collapse
Β 
blueedgetechno profile image
Blue edge β€’

Thanks man

Collapse
Β 
abhilearnstocode profile image
Abhii β€’

I didn't expect to open microsoft store at all 🀯 It is insanely great man!

Great Work.

Collapse
Β 
blueedgetechno profile image
Blue edge β€’

You can also open vscode, terminal, calculator, edge and notepad. I will adding many more. Make sure to visit github repo if you have any suggestion.

Collapse
Β 
itscasey profile image
Casey πŸ’Ž β€’

This is seriously impressive - great job

Collapse
Β 
blueedgetechno profile image
Blue edge β€’

Thanks Casey

Collapse
Β 
posandu profile image
Posandu β€’

Thank you for making this !

Collapse
Β 
blueedgetechno profile image
Blue edge β€’

Thanks for visiting it.

Collapse
Β 
shazamshakeel profile image
Shazam Shakeel β€’

Hi @blueedgetechno , Which React UI Library/Framework You used in this Project ?
And What are Your thoughts on React Material UI ?
Thanks !

Collapse
Β 
blueedgetechno profile image
Blue edge β€’

Apparently I didn't used any React Ui Library, it was all made from scratch. I used tailwind for css, fa fa icons and redux for state handling but not anything for framework. The material ui is really handy when you are building a production app but doesn't seems lucrative when you want customised components.

Collapse
Β 
shazamshakeel profile image
Shazam Shakeel β€’

Thanks !

Some comments may only be visible to logged-in visitors. Sign in to view all comments. Some comments have been hidden by the post's author - find out more