This is the first (and very crude) version of the operating system running in browser. It's not full blown operating system, but rather a show case of what browser and javascript ecosystem is cabable of.
-
Tech used in this project
-
Solid Js - Alternative to React js. I just love the way solid js only handles reactivity so it doesn't rertender the whole components but only the ones being updated
-
Sass - I have used css, sass, styled components and tailwind css. I love tailwind but I love the functionality of sass since it is superset of css.
-
BrowserFs GitHub Repo - This allows to emulate fs api in node in browser. This seems to be very useful ut I have not incorporated it fully into my app. I will be done soon .. in version 1.1.0
-
Docker DockerPage - The docker is now an industry standard to containerize an app.
-
Google Cloud Run GoogleCloudRun - Used to build CI/ CD pipe easily. I could have used GCP from ground up, but I love the simplicity of Google Cloud Run
newly added in 1.1.0
-
-
Features
- file directory and files context and share it among desktop environment and finder(ex: the app that is created in the desktop and deleted in the finder happen at the same time)
- select and deselect files
- create a empty text File and delete the files (demonstrated above)
- change the file name
-
import files from external desktop with drag and drop
-
minimize the window and grow back
-
add file type in file type
-
show file directory in the footer of the finder
-
open file or folder on double click -- can get the raw data of the file
-
ton of bugs fixed (shown below)
-
fix the bug where you can't select the icon when first rendered[Done]
-
fix the bug where you can't select the icons and deselect icons in Finder[Done]
-
fix the bug where file Directory is loaded first so that it throws error because it didn't make any dirs yet [Done]
-
fix the bug whene desktop environment is shared [Done]
-
reactivity problem in finder app when the file is created [Done] -> this is important!!! [Done]
-
fix the create File function where it doesn't have file id [Done]
-
when the input becomes diabled it updates the name even if the name hasn't changed [Done]
-
when creating files in any directory other than desktop the icons on desktop shows different directory ... weird [Done]
-
we need a way to connect the mainDesktop and finder Desktop dir... How...
-
icon should be rendered when the file name changes [Done]
-
when onhover the icon in finder the file info is displayed far off the icon Tons fo things to fix... [Done] // the absolte position was the problemo...
-
change the display none from visibility hidden so that it can take less space [Doesn't work]
-
bug fixed can't change the file name to same name [Done]
-
make icon img not draggable by default [Done]
-
make background and border around icon when set not the box-shadow [Done]
-
-
features that will be added in the 1.2.0
-
put linux in the desktop .. https://www.youtube.com/watch?v=Hu1RYVoCbgs&list=PLM88opVjBuU7xSRoHhs3hZBz3JmHHBMMN&index=16 dos emulator dos vs terminal
-
make image preview
-
make the icon movable from one folder to another
-
copy and paste
-