Looney OS

today i worked mostly on fixing internal stuff so system dont break easily. before some things was not stable specially when handling files and memory, so i spent time cleaning that up and making it better

• removed login page (was not perfectly cooked as it should.)
• worked on optimization part like file handling and blob system so multiple files can work properly without causing issues, also did some memory cleanup so system dont lag or behave weird
• added persistent wallpaper system so once you set wallpaper it stays same and doesnt reset again and again
• added file size limit check so if someone tries to upload big file it just blocks it and shows proper message instead of breaking whole system and added zoom and pan in images using scroll and drag so now you can actually move around image and zoom inand out which feels much better than before

so yeah for now it feels enough from my side and i think its time to finally ship it 🙃

Fixes, Login Repair and Wallpaper Visual Upgrade

this part was mainly about fixing issues that were breaking the flow and making the systm feel more stable. the looney bar was behaving weird and shifting randomly when apps were opening, so i spent time fixing its alignment and making it stable. also there werw errors in the login file which were breaking google login, so that neded to be fixed properly. along with this i added a new wallpaper feature where any image automatically converts into a black and white sketch style🙃 which actually made the whole ui look more consistent and match the theme beter, so overall everything started feeling more clean and controlled

• fixed looney bar alignment issue which was causing layout shifts and unstable behaviour while opening or switching apps, adjusted positioning and layout logic multiple times to make it stable in all cases
• fixed google login errors coming from the login file which were breaking the authentication flow, corrected them so login now works properly without issues
• added wallpaper conversion feature where any image turns into black and white sketch style , this helped maintain visual consistency and prevented random colors from breaking the theme
• made multiple small ui fixes across different sections where spacing, alinment or elements were not looking right, so now everything feels more clean and properly arranged

Major Progress & Sidequests Done

so i thought of completing some sidequests and it turned into a full grind session 😭. this was one of the most intense updates because instead of just adding features, i focused on improving the core system and making everything feel more real and connected. also i kinda messed up a bit because i forgot to log devlogs in between and ended up doing all this together 😅

What i did ?

i worked on multiple parts together and tried to sync everything properly so it behaves smoother and more logical. at first things felt a bit messy, but after fixing and adjusting step by step it started coming together really well

• completed advanced window system sidequest with focus handling, layering and smoother app switching and completed desktop interaction sidequest with draggable, reorderable icons and persistent layout using localStorage
• completed system interaction sidequest by syncing taskbar with real-time app state updates
• completed control system sidequest by adding context menu for quick system actions
• designed and implemented login page UI and integrated Google Login with basic user handling
• added login guard to prevent direct OS access

spent a lot of time fixing small bugs and adjusting logic because many parts was affecting each other and needed proper tuning

Now next focus is to build a proper browser app so everything can be accessed in a more connected way

Created Games, added some basic Features & System Improvements

in this part i worked a lot on improving the os and ngl this felt like one of the best sessions til now. i mainly focused on fixing bugs and ading some new stuff, and slowly things started coming togeyher in a much better way. earlier many parts was feeling incomplete but now it’s starting to feel like a proper small system

What i did ?

• created 2 games (avoid blocks & snake classic) and made them properly playable
• added both games inside a separate folder so everything looks more organised
• added keyboard controls like space, arrows etc…. so interaction feels better
• improved recycle bin and fixed few bugs which was causing issues
• added system feature to detect user country and show local time in bottom bar

spent good amount of time fixing small issues and adjusting things bkzz some features was not working properly at first and needed few tries to get right

fun to use compared to before 😄

Improved System App and functionality

• made terminal working with basic commands like open, delete, restore & history
• added command history navigation and copy support
• improved files app with folders like uploads, recycle bin, pictures, music etc
• added select system with open, move, delete & recover
• improved file open for photos, videos and music

Doodle Pad App

a basic doodle pad app and made it working inside the os. it was simple at start but handling drawing smoothly took some time to make it feel right inside window

• created doodle pad ui and canvas area
• added drawing logic with mouse drag
• added clear option and fixed small drawing issues

overall doodle pad is working fine now and feels fun

Added Calculator App

a basic calculator app and made it working inside the os. it was simple at start but while fixing ui and behaviour it took some time to make it look and feel right inside window

• created calculator ui and basic layout
• added number and operator working logic
• keyboard input support so typing also works
• fixed display issue where numbers was getting cut in small window and improved alignment so everything stays visible and centered

in this part i worked on improving multiple things together like gestures, ui behaviour and some new features so overal os feels more real and usable. there were many small issues coming again and again so instead of just adding new things i focused more on fixing them properly and making system stable 😤

System Improvements & New Features

• improved taskbar (looney bar) interaction and added drag to close from taskbar & throw outside to close
• fixed wallpaper processing and improved sketch effect so background stays clean and text & shapes remain solid black
• files app with better folder navigation and new folder creation & drag drop upload
• in settings app and added audio section with volume control and sketch style slider
• improved window behaviour like resixing and drag & fixed screen related bugs
• removed some default items and cleaned overall ui

most of the time went in fixing bugs and adjusting logic because one small change was affecting other parts also so had to test things again and again 😮‍💨

closer to real os behaviour 😌

in this part i worked mainly on improving gesture system and making taskbar (looney bar) interaction more natural and smooth

What i did ?

Gestures Interaction Update

• improved window gesture system so actions feel more smooth and controlled

• added drag from taskbar to close feature (throw outside to close)

• also added basic indicator logic so user can understand where action will trigger

drag move = hold title bar and move

most of the time went in handling drag behaviour properly because sometimes it was not detecting correctly or triggering wrong action

now interaction feels more smooth and logical compared to before

in this part i worked mainly on building the base ui and setting up the main structure of the os screen

What i did ?

UI Start + Structure Work

• created main html layout for desktop screenand set up basic structure where apps and windows will run.

• started building window type ui for apps and arranged sections properly so layout dont look messy

• added some basic css so it starts looking clean and i have took little inspiration from pinterest for ui and applied it 🤡🤥

started building window system and basic interactions
added gesture based navigation for windows:

• minimize = drag window to looney bar (bottom)
• maximize = drag window to top edge
• restore = drag window down from top
• close = drag window to top right corner
• drag move = hold title bar and move

most of the time went in adjusting layout and fixing placements because things was breaking again and again when i change small parts now structure is more clear and base ui is ready to build further on it