DEV Community 👩‍💻👨‍💻

DEV Community 👩‍💻👨‍💻 is a community of 963,673 amazing developers

We're a place where coders share, stay up-to-date and grow their careers.

Create account Log in
Cover image for The Ultimate Personal Website 👨‍💻 Fully Functional Windows 10 Clone
Dustin Brett
Dustin Brett

Posted on

The Ultimate Personal Website 👨‍💻 Fully Functional Windows 10 Clone

I've been fascinated with personal websites since I was a kid. Making my first personal website back in 1998 was the spark that started me down my programmer journey.

This is not my first posts about building/releasing my project daedalOS, but the aspect I had not yet covered was to discuss the motivation for the project, which was to replace my personal website with something unique.

GitHub logo DustinBrett / daedalOS

Desktop environment in the browser.

The experience I wanted for my current website (dustinbrett.com) was for a visitor to my website to feel as if they had logged into my computer and were looking through my files, such as blog posts, pictures & anything else I wanted to leave on this computer.

I've spent the last 13 months working on this site and it will be something I continue to evolve in the future. I am now doing monthly YouTube posts with new features and discussions about my website/project. Thanks for checking out my website and reading the article.

Website: https://dustinbrett.com/
Source Code: https://github.com/DustinBrett/daedalOS
YouTube Channel: https://www.youtube.com/c/DustinBrett

Top comments (29)

Collapse
 
prakhart111 profile image
Prakhar Tandon

Great !
I was also wiling to make something similar, this will help me a lot.
By the way, I made a windows loader animation using pure CSS.
Here's the link : prakhart111.github.io/windows_loader/

You can include it while the page is loading.
Here's the github : github.com/prakhart111/windows_loader

I saw your repository, it's awesome !!

Collapse
 
dustinbrett profile image
Dustin Brett Author

Thanks!

Collapse
 
faruq_jada profile image
Faruq Ahmed

hey bro yours is awesome too, can I also pick it up for practice purposes?

Collapse
 
prakhart111 profile image
Prakhar Tandon

Ya sure.
And you can also checkout my articles on my profile, and you can connect with me here

Collapse
 
venkatarangan profile image
venkatarangan thirumalai • Edited on

I played around with the site, it looks cool, great work. All the best.

[Rant]
I was reminded of a similar work done two decades ago, following the Windows 95 launch if I remember right. It was the early days of (Oracle) NetPCs hype. A company in India I used to consult, was building an entire CloudPC on the web, that can run inside a browser, using Java Applets. And the UI mimicked Windows 95. Needless to say, the network was not supportive of this, the stack was not mature and after spending huge $$$ the project failed.
[/Rant]

Collapse
 
dustinbrett profile image
Dustin Brett Author

Thanks! One of these days this kinda project is gonna work, I hope.

Collapse
 
apatrtya profile image
Apatrtya

great job. I'm just starting to work for react. So I have a bunch of questions. why, when I downloaded your code, did it give out a large number of errors?

Collapse
 
dustinbrett profile image
Dustin Brett Author

Could you clarify the errors? Ideally there are no errors when it's all setup.

Collapse
 
apatrtya profile image
Apatrtya

Where can I contact you?

Thread Thread
 
dustinbrett profile image
Dustin Brett Author

I see you posted in my repo's discussions. I will respond there. :-)

github.com/DustinBrett/daedalOS/di...

Collapse
 
apatrtya profile image
Apatrtya

Do you know how to get rid of these errors? Can you help me please. They occur when I run your code in the console

Collapse
 
jjmpsp profile image
Joel Murphy

Impressive stuff!

Collapse
 
dustinbrett profile image
Dustin Brett Author

Thank you!

Collapse
 
dansv profile image
Dan V

It's incredibly responsive and fluid, even on mobile. I got a bit lost though 😂

Collapse
 
dustinbrett profile image
Dustin Brett Author

Awesome! I hope you didn't get lost in a bad way. The site doesn't have a specific destination so it's easy to get lost.

Collapse
 
alguercode profile image
alguerocode

wow

Collapse
 
dustinbrett profile image
Dustin Brett Author

Thanks!

Collapse
 
guscarpim profile image
Gustavo Scarpim

Awesome!!
Nice Job!

Collapse
 
dustinbrett profile image
Dustin Brett Author

Thank You!

Collapse
 
curiousdev profile image
CuriousDev

Maybe fully functional is a little bit exaggerated. But I like how you can use this Windows 10 clone to start a Windows 10 clone.

Collapse
 
dustinbrett profile image
Dustin Brett Author

Thanks! I did some intentional exaggeration on the hope of actually getting people to start telling me, it's not fully functional because you missed "x", and then I add x to my list of to do's. :-)

But indeed the word fully is tricky. It does do a lot though and my plan/hope is to keep adding more until eventually I've covered a ton of use cases. I'd like to eventually make it a PWA or standalone app that could be like a swiss army knife of things.

Collapse
 
ochsec profile image
Chris Ochsenreither • Edited on

Very impressive! I'll check out some of the Youtube videos to see how you implemented the apps (especially Doom).

Collapse
 
dustinbrett profile image
Dustin Brett Author

Cool thanks! For Doom I need to give credit to js-dos as the emulator that is doing the magic. js-dos.com/v7/build/

Collapse
 
jreegene profile image
Jeremiah

Blew my mind. Creativity meets tech! Good luck in your journey of evolving it even better...

Collapse
 
dustinbrett profile image
Dustin Brett Author

Thank you very much!

Collapse
 
faruq_jada profile image
Faruq Ahmed

I was really impressed with your work Mr Dustin

Collapse
 
dustinbrett profile image
Dustin Brett Author

Thank you!

Collapse
 
prakhart111 profile image
Prakhar Tandon

And if I am not wrong, it's VantaJS in the desktop background.

Collapse
 
dustinbrett profile image
Dustin Brett Author

Ya totally. I have done some changes to this WAVES one to allow upgrading three.js to latest and also run it off of the main thread in a worker.

🌚 Friends don't let friends browse without dark mode.

Sorry, it's true.