Hi to all!
About every 2 years I go to work to create an updated version of my website. Every time I try to focus on my skills and apply them to the project itself.
This year I found myself faced with the need to create a single site that would show all my skills in the web and 3D fields.
Creating a website capable of combining everything is a very difficult undertaking, above all because it could be too large or difficult to understand.
The solution? Create an entire web operating system, where the applications are personal projects and the images and/or links are related to the projects themselves.
This solution allows me not only to incorporate many different things in the same site but also to manage its contents in a more immediate and immersive way for the user.
So NICAOS was born, the first entirely online operating system! Created using Angular 9 with a stateless pattern in mind. All the stiles and assets are created by myself! At the moment it is still in its first steps, and it will never be comparable to a real operating system since it would take years to set it up.
Give it a look, and if you have any suggestions don't hesitate to share them!
Take a look here:
This is still a WIP obviously, the project will end by December 2020.
If you have any suggestions, or just want to know how I'm creating this web application, just let me know in the comments! 😎
Project repo: https://github.com/NicolaLC/nica-os
Live demo: https://nicolalc.github.io/nicolalc/
Latest comments (73)
Hello Nicola; what you shared is cute; however I'm afraid that's not a Web OS, is just something on the web that looks like a traditional OS UI. A Web OS is an app that runs on the web; something you can fullscreen and would allow you to do everything that you want to do with a screen without leaving it.
This is my definition though, yours might be different.
For example, can you use your web OS to program the web OS itself? If not, then it's not a web OS "for you", because obviously if "you are creating a web OS" you need to access the tools to create it on the screen.
This is very interesting nonetheless; and BTW the website linked domain expired. Are you hosting the project somewhere else now?
Hey Ezequiel, thanks for your thoughts on my project, indeed the first goal was to emulate an operating system design.
The core idea is that you can open many windows and running sub programs inside the website itself, which is what you can do right now.
I would like to make it more complex, but I'm scared is out of the original scope for this project.
Doing a realistinc OS on the web makes no sense at all in my opinion as, for instance, you don't have access to device resources like file system for example.
And thanks for pointing out that the link is expired, indeed there is a new domain for the live example, which is also my personal portfolio:
nicolalc.github.io/nicolalc/
Is it installable as a PWA?
OMG, this is fking awesome ,, nice idea .. :D
Troppo bello :)
This is amazing! Can you tell me more about the stateless design pattern?
Hi Adrian! Thanks a lot!
Yes, of course, I've designed this web app using ngrx, which is a porting of REDUX for angular.
The idea is to handle each application state separately, without passing data from/to components but using a single generic state to handle behaviours and data.
You can check how is it done by looking at the website repository.
You managed to impress me... congratulations
Thanks a lot, val! ^^
This is really cool. Congrats!
This is really nice. Another great inspiration. Keep it up!
This is so cool, your skills are insane.
Thanks a lot Christina!
Unbelievable! Damn creative from you, Nicola!
Thanks Pulak! 😎😎