UsablOS banner

UsablOS

24 devlogs
32h 10m 43s

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, Antigravity was used. Please DO NOT vote on this project for the use of AI, It is already declared here and ISNT a bad factor about this project.

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...

Brahmtej the Python Man

Shipped this project!

Hours: 17.89
Cookies: 🍪 250
Multiplier: 13.98 cookies/hr

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.

Whats New

There is a new Cosmos App, which is a lot fun! Do check it out

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! Make some drawings and stuff for people to see!

Hope this is a successful ship!
CYA!

Brahmtej the Python Man

Getting Ready to Ship!

Cosmos (5)

Progress

The cosmos app is ready for ship. The APOD was edited to move the text to Below the image, as if the text was larger, it completely hid the image.
I have also worked on theme colors for the cosmos app.
ISS Stream and everything is now synced across sessions, James Web is now dynamic and updates regularly.
ISS Stream now shows a travel path line, which is much longer than before, showing past positions.
I did not show the Daylight or Dark views on the map as they arent possible for me to render here.

Future Work

I would be working on more apps, after this ship, which makes this a completely usable OS. I’ll try to add some google apps integration like docs or drive if possible, because I know those things have good API support.


Attached Image: Shows the new APOD UI, the ISS Stream, the James Web Tab, and my great drawing of the JWST, done all on the OS! :)

Thankssss heart-wx
Cyaa!

Attachment
Attachment
Attachment
Attachment
Attachment
Attachment
0
Brahmtej the Python Man

Cosmos (4)

Progress

Now, the cosmos has its own live ISS track system. The details are live and accurate, and the live location is shown on the map. There is also a line which marks the path of the ISS.
I was not able to get the day and dark curves on this graph, as that would be a bit too complex for me. I’ll still give it a shot.
The entire app is themed like a space mission. Which looks quite cool!

Future Work

Make the day and dark system (if possible)
Add more tabs to this app
Work on more apps
Work on easter eggs


Attached Images: Show the new ISS Tracking working! (Both images are different, Having different values)

Attachment
Attachment
0
Brahmtej the Python Man

COSMOS (3)

Progress

I worked on changing the UI of APOD, to make it more clean. I also added an ISS Tracker (Which does not work right now as I have to link an API and make system for it), but I would work on it in the next devlog.
I also added this app to the task menu and added all window and icon features to it like the other apps.
JWST tab is mostly the same.

Future Work

Would work on adding more tabs to this app, and would work on making the ISS Stream API system to fetch live data and show positions on map.


Attached Image: Shows the new cosmos app, with the APOD’s new layout. The new ISS Stream Tab and the James web tab.

Thanksss!!
Cya in the next log alibaba-love

Attachment
Attachment
Attachment
Attachment
Attachment
0
Brahmtej the Python Man

COSMOS (2)

Progress

This is the second devlog in the cosmos app, I am working on.

I have added some JWST news to it, which is dynamically fetched from NASA’s API.

See the attached screenshot for all the info.

Future Work:

Adding ISS stuff to this app


Attached Image: Shows the new JWST News headlines and image gallery

Attachment
Attachment
Attachment
0
Brahmtej the Python Man

New APP in the OS!

COSMOS (1)

Progress

I am working on a cosmos related app, for the cosmos achievement. I am working on the COSMOS app, in which I would be adding a lot of stuff like Planet of the day, Pic of the day and stuff, which NASA publishes every day through their API

Currently I have made APOD (Astronomy Picture of the Day) with full descriptions. It shows the image’s info, the image, and its explanation.

The main UI and stuff is done, main time consuming work was to add the app to the task menu and add all the options to it. But now as that is done, the work for future devlogs is just to add more features to this app, which is simpler.

Future Work

I would be working more on this app, to make it absolute perfect, and add a lot of more features, like a live solar system and more.


Attached image: Shows the new cosmos app in the OS, with the APOD page at maximized mode.

Thanksss!
Cya thumbs-up

Attachment
Attachment
0
Brahmtej the Python Man

The Windows Change SIZES! (PART 2)

Progress

The issues with sizes of paint and calculator, where Paint’s canvas got stretched and broken, and calculator’s buttons got bugged is now 100% Fixed!

Future Work

Would work on a new app, related to cosmos or space, so I get that achievement too.


Attached Image: Shows the paint and calculator, stretched to weird sizes, and still showing fine thumbs-up

Thankyou for reading this!
Cya! heart-wx

Attachment
Attachment
0
Brahmtej the Python Man

The Windows Change SIZES! (PART 1)

Progress

Thanks to voter suggestions, now, the windows change their size. You can stretch and expand windows, or make them shorter, and the UI expands! This is sooooo cool!

Future Work

This is the PART 1 of the update, as this needs some more work, like in calculator buttons glitch out at small sizes and paint hides its canvas on small sizes. Settings and notepad work great. In part 2, I would be fixing all that


Attached Image: Shows the windows resized and properly placed onto the entire screen, looking sooo good!

Thankssss!! btw_excited
Hope you like it
yay

Attachment
0
Brahmtej the Python Man

Progress

I found out that the battery sync did not work, It showed 100% most of the time, and didnt show charging info.
I have now worked on the battery level to make it accurate, it checks the battery every few mins and shows the level like windows does. It would also give a battery low notification if the battery goes too low.

The battery API does not work with Brave Browser due to some compatibility issues. Works fine with other browsers

I also worked a bit on stretchable windows, thats not done yet. Would be in the next devlog.

Future Work

Completing work on Stretchable windows.


Attached Image: Shows the battery level working, from 100 to 98

Attachment
Attachment
0
Brahmtej the Python Man

Work on calculator done!

As the devlogs had an 8 image limit, the images of new calculator are attached in this devlog, along with all the final UI and fixes.

Also now when we click the maximize button, it changes the calculator’s button sizes to fit the big window properly.

Thanks voters for the suggestion!

Future Work

I would be working on stretchable windows, as a voter suggested that


Attached image: Shows the new calculator, and me doing some operations with it

Thanks smile-wx
Cya!

Attachment
Attachment
Attachment
Attachment
Attachment
0
Brahmtej the Python Man

Thanks Everyone for a Successful Ship!

READ THIS!

The last ship was very successful, with most of you finding the project worth the time and you left really cool reviews!
(Review images attached)

Progress

This devlog has a lot of time because it also has the time before the last ship, of editing files and stuff to upload to github. Also, after the ship, as the reviewers pointed out, the calculator needed work.. I have worked on the calculator and added Point, backspace and fixed the operator doubling thing.


Attached Images: Shows the lovely reviews which the reviewers left INSIDE the os in a text file heart-wx

Thankyouuu!
Cya :)

Attachment
Attachment
Attachment
Attachment
Attachment
Attachment
Attachment
0
Brahmtej the Python Man

Shipped this project!

Hours: 14.29
Cookies: 🍪 258
Multiplier: 18.03 cookies/hr

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!

Brahmtej the Python Man

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
Brahmtej the Python Man

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
Brahmtej the Python Man

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
Brahmtej the Python Man

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
Brahmtej the Python Man

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
Brahmtej the Python Man

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
Brahmtej the Python Man

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
Brahmtej the Python Man

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
Brahmtej the Python Man

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
Brahmtej the Python Man

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
Brahmtej the Python Man

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
Brahmtej the Python Man

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
Brahmtej the Python Man

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
Brahmtej the Python Man

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