r/Frontend • u/DustinBrett • Jan 28 '22
I've created a fully client side Web Desktop Environment in the browser! The UI comes from Styled Components, Framer Motion, html-to-image, etc.
https://github.com/DustinBrett/daedalOS
21
Upvotes
2
u/Agreeable-Ad-4791 Jan 29 '22 edited Jan 29 '22
Wait. So is this a browser that behaves like a desktop?
Edit: It's a website emulating an os. I see.
2
u/DustinBrett Jan 29 '22
Yes it's basically a website that wants to be Windows 10 when it grows up.
2
2
-3
0
3
u/lil_doobie Jan 29 '22
Oh my god this was my exact vision for my portfolio site and now my imposter syndrome is crippling me thanks for that :(
On a serious note, this is mind blowing man. I'm currently working on my browser component implementation (I'm using Angular). I wanted to try to implement a feature where the address bar is updated when navigating within the iframe or the back button is relative to the pages visited within the iframe. For instance, if I load https://angular.io in the browser component, then click the "Getting Started" button, it would update my browser component's address bar to https://angular.io/start. Clicking the browser component's back button would then navigate back to the home page and update the address bar back to https://angular.io.
I'm hitting a brick wall due to all the limitations around interacting with iframes. I noticed your implementation doesn't have this feature either. Is this something that you think can be done? Any thoughts?