UsablOS banner

UsablOS

14 devlogs
14h 17m 6s

A WEB OS, but actually Usable! You can also make accounts and save work in cloud. Log in and open it up anywhere!

This project uses AI

I do not know much Typescript. I am a python developer. This project has quite a lot of AI vibecoding.. Antigravity was used. This is just for fun purpose of exploring how to make WebOS, and to actually make something useful instead of those boring WebOS resume. Rest assured, the devlogs and readme are all hand written by me, following all the rules!

Demo Repository

Loading README...

brahmtejsawhney

Shipped this project!

What is this project


I built an OS, which runs on the web, and which you can ACTUALLY USE!

It saves all your things in the cloud, so you can continue your progress ANYWHERE just by a user account and password.

How to Test It


  • Open the Demo
  • Use following the login details

Username: admin
Password: Admin

How is this different


Whatever changes you do, arent just limited to your local machine. They are synced with a cloud server, so everyone else using that same ID Password combination as you can see those changes. You can share your account with your friends and log in at the same time into the os and collaborate!


Making this was a High technicality project, I used a lot of Antigravity in this for the server sync and stuff. I also worked a lot on the storytelling to make it perfect and easily understandable.

Do give me a review after using the project, by writing your thoughts in the review text file in the OS!


Hope this is a successful ship!
CYA!

brahmtejsawhney

The project is Live!

Use this link: https://usabl.thehytalehost.com/

Changelog

  • Added a readme and installation guide
  • Fixed Day sync system in calendar
  • Fixed bubble popping duration in bubbles screensaver
  • Reset all data for production

VOTERS READ THIS


The project is all ready to be shippped! Voters please use the above link, with the following login credentials. If you use the os, and save files, everyone else can see it when they log in with the same credentials as below.

ID: admin
Pass: admin

LEAVE SOMETHING GOOD IN THE OS, VOTERS! 🎉

Cya! orpheus-duck

Attachment
Attachment
Attachment
0
brahmtejsawhney

OS ready for its first ship!

Progress

Now the OS has functional directory system. Along with Rename system.
Brightness and sync option UI is remade to be a bit more professional looking.
Calendar is working now, with access to different months too.
As you see in the ss, desktop icons are now movable and draggable.
Task Menu is also re made to include all apps, and ability to add apps to desktop. Alongside, sleep, restart, logout buttons work as they did before.
Login screen also got a frosted UI at sign in page, and the default wallpaper when you first visit it.

Future Work

The project still needs more functional apps which I would be launching in upcoming ships. I would also be working on the cosmos or something to get that achievement too!

The readme is also pending to be created. Would work on it now.


Attached Images: The images attached show the entire os, file manager, desktop, sign in, register, task menu, options and more..

Thanks for reading this! heart-wx
Stay Tuned :)

Attachment
Attachment
Attachment
Attachment
Attachment
Attachment
0
brahmtejsawhney

Progress

Added proper directory system to the file manager.
Made PAINT app, which works quite good, i drew Orpheus with it! (see pics)
Added proper directory file saving and opening system
Battery tracking is now on every refresh, as it took too much processing to check everytime and caused lag sometimes.

Future Work

I would be working on something with Audio, so that i can use the volume features. next devlog would be a bit late as I would be making something rly big and nice..


Attached Images: Show the new file and folder system, it also shows the new paint app and my drawing, and the notepad app.

Thanks for reading this! yay
Cya in the next devlog!

Attachment
0
brahmtejsawhney

NEW APP IN THE OS!

Progress

The OS now has a fully functional notepad. It can save files, rename files and write text in files.

The file manager’s UI is completely revamped to make it look a bit like windows for professionalism. Search is also added

Future Work

Work on Image Opening apps like PAINT
Work on browser and audio system
and more..

Attached Image: Shows the new Notepad app and changed UI of file manager.

Thanks for reading this heart-wx
Bye! yay

Attachment
Attachment
0
brahmtejsawhney

BIG Features Added!

Changelog:

  • Added Draggable Desktop Icons
  • Added Start Menu (Aka Task Menu)
  • Added Feature to add icons to desktop
  • Added Screensavers
  • Added File Manager
  • Added Notepad (Work in progress)
  • Added Sleep mode (Working now)
  • Added brightness and brightness sync (Working now)

Progress

After a lot of brain eating struggling and hard work, the OS has its own working file manager, with the first app to edit, rename, delete stuff.

File manager can create text, image, and js files. Il try to put ability to run js files too. For text it has notepad, for image it has paint (to be created).

Screensavers and sleep mode also added

Icons can now be added to desktop by right clicking in task menu.

Future Work:

Paint app would be added for image editing.

File system would be made more proper, as right now it is only simulating a file system.

Adding code viewers, browsers, sound effect and more


Attached Image: Shows all the new menus and features, last image shows one of the screensaver!

Thanks for reading this heart-wx
Cya! yay

Attachment
Attachment
Attachment
Attachment
Attachment
Attachment
0
brahmtejsawhney

New App in the OS!

Progress

Now, the OS has a file manager. It is currently really basic and I have only worked on the functions. For full functionality it would need file reader and file saving featues too, which I would be working on next.

I also improved the task bar, by improving the taskbar menu. That is under progress and would be shared in next devlog.

Future Work

I would be adding the notepad first, to start up with the basic file manager functionality.
I would also be working on the UI of file manager to add more features in it.
Along with this, il also make it add files to desktop, and make icons draggable.


Attached Image: The new file manager app in the OS with a notes file created.

Thanks for reading this ❤️
Hope you liked it 😁

Attachment
0
brahmtejsawhney

Progress

A LOT of work on task bar was done. It now has a functioning task menu with search and a list of apps. The power button is also added which does 3 things.

  • Sleep : Applies a screensaver and pauses stuff (For AFK, WORK IN PROGRESS ON THIS)
  • Restart: Refreshes the client side browser tab and the backend connection (In case anything is wrong)
  • Sign Out: Just logs out the user to the main login page!

Along with this, I have also worked on the action bar, where things like volume and brightness can be controlled. The OS does not have anything which can create sound yet, but volume option is still there for future additions. Brightness option works great! Calendar was also added, its all based on the original system’s clock settings. (Il most likely change it to use API to fetch time and stuff for time zones and make setting for it)

Charging is detected through a charging api, which is also a work in progress.

Future work

  • Add more apps
  • Make the brightness sync work (would be explained in future devlog)
  • Add screensavers and make sleep work
  • Add some customization to settings
  • Make Charging and battery info work

Attached Images: They show the new task bar menu, the UI, action bar, settings and much more things!

Thanks for reading this!
Cya :)

Attachment
Attachment
Attachment
Attachment
Attachment
Attachment
Attachment
Attachment
0
brahmtejsawhney

First APP of this OS!

Progress

I have worked on the themes, colorcoding everything based on the chosen theme. I have also added the Calculator as the first app, it has all the window controls like close, minimize, maximize and more. It also has a progress history, so if you close the entire tab, open it again, log back in, you would be right on the same thing where you were before.
I also made desktop icons stick to the same color regardless of the theme chosen, which is white icon on a black backdrop, which ensures that regardless of theme or wallpaper chosen, the icons are always visible.

Future Work

I would be re making the entire task bar, adding task bar menu. I would also try to add something to somehow read the user’s battery or something and display it like windows does so it looks like a proper OS.

I would also be working on more apps like video player or browser. My next app would be a notepad, which I would be taking inspiration from Wordpad from windows along with the tab system of notepad in windows 11 which makes it quite neat. I would also make it save the files on the OS Server itself so user can log in and use it anytime which is GREAT!


Attached Images: They show the new theme system and the calculator app, Images also show the calculator app changing colors with themes and just looking beautiful.

Thanks for reading this heart-wx
Hope you like it :)

Attachment
Attachment
Attachment
Attachment
Attachment
Attachment
0
brahmtejsawhney

Progress

The work is going extremely well, I have created a good interface for settings, where I have added multiple themes and wallpaper options. I would not be adding an Upload Wallpaper option as this is an os processed remotely on a server, and it could be risky to allow users to upload files as that opens up the system for malicious activity.

Changelog

  • Added Glass, Dark Midnight, Aero and Light Theme
  • Updated Settings Menu
  • Added New Wallpapers

Future Work

Next, I would be working on adding the first app, which would be a simple calculator.
I would then be adding stuff like Notepad, Browser, and more. I’ll try that I do something so the cookies are stored in the device itself for the browser app, so there is no need to re-log into the websites inside the os. Il try to use Iframe or something for that.


Attached Image: Shows the new settings menu, with all the themes and backgrounds feature

Thanks for reading this heart-wx
Stay Tuned!

Attachment
Attachment
Attachment
Attachment
0
brahmtejsawhney

Progress

I worked on importing some default wallpapers and making a settings app. When any activity is done, the app actually saves it all into the user’s account and the user can log back in to resume their work.

WIP:

I am also working on adding desktop icons, and basic apps like calculator and stuff, which would be usable and the icons would be draggable and customizable just like an actual OS.


Attached Image: Shows the Desktop and the settings panel with the wallpaper choosing features.

Thanks for reading this heart-wx
Stay Tuned!

Attachment
0
brahmtejsawhney

Progress

I have finished working on the login screen. Now I am working on the main desktop and UI of the OS. I have also worked on the task bar, which I tried to make a bit like windows 11. I have not added any apps yet. I made a settings tab, just to work on TeamShare feature, so doing stuff on one browser tab reflects that same on the other too.. For improved team work for devs and ppl.


Attached Image: Shows the Desktop of the application. Settings app is empty rn as its not made.

Attachment
0
brahmtejsawhney

Progress

I am now making a login system, which allows users to Create Accounts and Log Into alr created accounts.

For storage, I am using a Sqlite database for all the storage of apps and login info.

I have also finalized the Login Screen Theme which I would be using, and its attached in this devlog.


Attached Image: The login theme which I have decided to keep which is similar to windows 11.

Attachment
0
brahmtejsawhney

Progress

Working on designs of the login screen, I have made a few. Im trying to make it similar to windows, as it looks cleaner to me personally.


There are a lot of possibilities, Il try to get the best cleanest one, and after that just put the rest internal UI quite configurable, so user can do it as per their liking..

Attached Images: Shows all my hit and try to get the best login UI.

Attachment
Attachment
Attachment
0
brahmtejsawhney

First Devlog

This is my first devlog for this project. As I have mentioned, this is a Vibecoded Web OS, which is actually practically useful as it stores the user data at backend.

AIM

The softwares in the web os should work, and data should save in the backend. Users should be able to log in through ID/Pass. If Multiple users are from the same ID/Pass, they see the same screen and can collaborate.

Also, data could be saved in the cloud so you can log in anywhere and do your work.

I’ll be adding baisc stuff like browsers, notepads, followed by more complex stuff like wallpaper engines and code compilers.

Attached Image: This is a very basic Login page which I have created, asking for username and pass to log in the user.

Thanks for reading this heart-wx
Stay Tuned!

Attachment
0