|
7439
|
race to the summit by @alyah | Stardance
|
alyah
|
1
|
10.93
|
35
|
[{"ship_num": 1, "ts": "2026-0 [{"ship_num": 1, "ts": "2026-06-14T16:17:11Z", "hours": 10.0, "multiplier": 3.35, "payout": 35, "blessing": "neutral", "text": "I made a racing game in Pygame from scratch by myself of a car driving simulator through three different mountain season regions. This project took way longer than it should’ve but I’ve learned so much about functions, math, and debugging.", "repo": "https://github.com/lyri3aly/race-to-the-summit", "demo": "https://lyri3aly.github.io/race-to-the-summit/"}]...
|
[{"post_id": 17168, "ts": "202 [{"post_id": 17168, "ts": "2026-06-27T21:26:25Z", "hours": 0.2956, "text": "finally got the pygbag folders working! race to the summit has a working github page now. playable here: https://lyri3aly.github.io/race-to-the-summit/"}, {"post_id": 12570, "ts": "2026-06-20T15:04:38Z", "hours": 0.6381, "text": "for the person reviewing my ship: pygbag and anything else literally isn’t running for some reason and I am unable to push my pygame file to the web, so it’s just going to be the github .py file"}, {"post_id": 8764, "ts": "2026-06-14T16:00:55Z", "hours": 2.7431, "text": "Final tasks! timer is now completed (stopwatch of time it takes for the user to drive to the summit) car designs. car can now be blue, yellow, or white commented everything"}, {"post_id": 7220, "ts": "2026-06-12T01:43:42Z", "hours": 2.5333, "text": "race the summit now officially has boundaries and collision detection! this project has taken way longer than it should.. but i’m happy i’m almost finished. here are the key takeways from this edition: the car can’t go pass the road now! it must stay inside or it will rebound and occasionally get “stuck in a ditch” camera tracking works perfectly- no more car disappearing off the screen win screen and help screen reset button (“R”)"}, {"post_id": 5319, "ts": "2026-06-09T01:44:52Z", "hours": 5.1133, "text": "i’m working on a racing game called “race to the summit” in pygame. the objective is, basically, to reach the summit. the game takes you along a long winding path throughout mountains and three different seasons. i’m still working on the artwork so there’s an ai generated placeholder there for now. here are the things I’ve been able to accomplish so far: car physics (acceleration, friction, spinning, turning, etc.), however, I can’t seem to gradually slow down the car spinning in circles alone through friction. friction only applies to the car going straight for some reason?? some camera tracking. when accelerating, the car goes out of frame sometimes… game menu, loading screen, and logo!! imported most images I will be using including the different colours available in “car design” soon"}]...
|
Title: race to the summit by @alyah | Stardance
D Title: race to the summit by @alyah | Stardance
Devlogs:
i’m working on a racing game called “race to the summit” in pygame. the objective is, basically, to reach the summit. the game takes you along a long winding path throughout mountains and three different seasons. i’m still working on the artwork so there’s an ai generated placeholder there for now. here are the things I’ve been able to accomplish so far: car physics (acceleration, friction, spinning, turning, etc.), however, I can’t seem to gradually slow down the car spinning in circles alone through friction. friction only applies to the car going straight for some reason?? some camera tracking. when accelerating, the car goes out of frame sometimes… game menu, loading screen, and logo!! imported most images I will be using including the different colours available in “car design” soon
race the summit now officially has boundaries and collision detection! this project has taken way longer than it should.. but i’m happy i’m almost finished. here are the key takeways from this edition: the car can’t go pass the road now! it must stay inside or it will rebound and occasionally get “stuck in a ditch” camera tracking works perfectly- no more car disappearing off the screen win screen and help screen reset button (“R”)
Final tasks! timer is now completed (stopwatch of time it takes for the user to drive to the summit) car designs. car can now be blue, yellow, or white commented everything
for the person reviewing my ship: pygbag and anything else literally isn’t running for some reason and I am unable to push my pygame file to the web, so it’s just going to be the github .py file
finally got the pygbag folders working! race to the summit has a working github page now. playable here: https://lyri3aly.github.io/race-to-the-summit/
Ships:
I made a racing game in Pygame from scratch by myself of a car driving simulator through three different mountain season regions. This project took way longer than it should’ve but I’ve learned so much about functions, math, and debugging....
|
1793656068.7417893
|
1793742468.7417893
|
|
62364
|
Make a WarioWare Game by @Xquisite | Stardance
|
Xquisite
|
0
|
0.0
|
0
|
[]
|
[]
|
Title: Make a WarioWare Game by @Xquisite | Starda Title: Make a WarioWare Game by @Xquisite | Stardance...
|
1793656070.6383939
|
1794260870.6383939
|
|
62365
|
My awesome macropad! by @suryabhaskar_7766 | Stard My awesome macropad! by @suryabhaskar_7766 | Stardance...
|
suryabhaskar_7766
|
0
|
0.0
|
0
|
[]
|
[]
|
Title: My awesome macropad! by @suryabhaskar_7766 Title: My awesome macropad! by @suryabhaskar_7766 | Stardance...
|
1793656071.5691075
|
1794260871.5691075
|
|
62368
|
Personal Site by @Xquisite | Stardance
|
Xquisite
|
0
|
0.0
|
0
|
[]
|
[]
|
Title: Personal Site by @Xquisite | Stardance
|
1793656072.461351
|
1794260872.461351
|
|
62369
|
PantryPal by @jenaswastik08 | Stardance
|
jenaswastik08
|
0
|
1.51
|
0
|
[]
|
[{"post_id": 69072, "ts": "202 [{"post_id": 69072, "ts": "2026-09-16T10:06:16Z", "hours": 1.51, "text": "I worked on PantryPal Go, an AI-powered cooking assistant for Slack! 🍳 I connected the bot to Gemini so it can generate recipes, meal suggestions, pantry-based dishes, substitutions, and cooking tips without relying on a fixed recipe database. I also added estimated nutrition using USDA FoodData Central, including calories, macros, vitamins, and minerals.My favorite feature is /pnp-meme. Gemini writes a cooking joke, PantryPal selects a relevant meme template, and Imgflip renders it in Slack. I ran into issues with Gemini’s image quota, stale bot processes, and Slack file uploads, but eventually replaced the unreliable image-generation approach with an Imgflip integration. Current commands include: /pnp-recipe /pnp-eat /pnp-pantry /pnp-substitute /pnp-tip /pnp-meme /pnp-help also added automated tests, improved error handling, created a PantryPal logo and banner, and wrote the project documentation. Next, I would like to add saved dietary profiles, meal planning, shopping lists, and custom meme templates."}]...
|
Title: PantryPal by @jenaswastik08 | Stardance
De Title: PantryPal by @jenaswastik08 | Stardance
Devlogs:
I worked on PantryPal Go, an AI-powered cooking assistant for Slack! 🍳 I connected the bot to Gemini so it can generate recipes, meal suggestions, pantry-based dishes, substitutions, and cooking tips without relying on a fixed recipe database. I also added estimated nutrition using USDA FoodData Central, including calories, macros, vitamins, and minerals.My favorite feature is /pnp-meme. Gemini writes a cooking joke, PantryPal selects a relevant meme template, and Imgflip renders it in Slack. I ran into issues with Gemini’s image quota, stale bot processes, and Slack file uploads, but eventually replaced the unreliable image-generation approach with an Imgflip integration. Current commands include: /pnp-recipe /pnp-eat /pnp-pantry /pnp-substitute /pnp-tip /pnp-meme /pnp-help also added automated tests, improved error handling, created a PantryPal logo and banner, and wrote the project documentation. Next, I would like to add saved dietary profiles, meal planning, shopping lists, and custom meme templates....
|
1793656073.3619099
|
1794260873.3619099
|
|
62370
|
MR-1 by @Kaiser_gray | Stardance
|
Kaiser_gray
|
0
|
0.0
|
0
|
[]
|
[]
|
Title: MR-1 by @Kaiser_gray | Stardance
|
1793656074.258734
|
1794260874.258734
|
|
62372
|
RPN CLI Calculator by @echoHelloWorld | Stardance
|
echoHelloWorld
|
0
|
0.0
|
0
|
[]
|
[]
|
Title: RPN CLI Calculator by @echoHelloWorld | Sta Title: RPN CLI Calculator by @echoHelloWorld | Stardance...
|
1793656075.1206605
|
1794260875.1206605
|
|
29709
|
WaffleWare by @lima6 | Stardance
|
lima6
|
1
|
8.0
|
0
|
[{"ship_num": 1, "ts": "2026-0 [{"ship_num": 1, "ts": "2026-07-12T03:41:18Z", "hours": 8.0, "multiplier": null, "payout": 0, "blessing": "neutral", "text": "A chaotic, fun-packed minigame collection! Features: Minigame 1: A mini platformer where you collect apples. Minigame 2: A clicker game where you click waffles Minigame 3: A reaction game where you catch a coconut Settings: Adjustable music and SFX volume. Credits: Based on the Hackclub WarioWare guide All art hand drawn. Multiple contributors for audio", "repo": "https://github.com/lima6-tech/WaffleWare", "demo": "https://lima6.itch.io/waffle-ware"}]...
|
[{"post_id": 26986, "ts": "202 [{"post_id": 26986, "ts": "2026-07-12T03:39:33Z", "hours": 0.4925, "text": "Bug Fixes and shipping Fixed some bugs then put the itch.io page together for shipping"}, {"post_id": 26971, "ts": "2026-07-12T02:43:31Z", "hours": 1.0983, "text": "Audio and Settings Added audio to the game and added the settings page. The settings page just contains custom sliders to control the audio buses."}, {"post_id": 26402, "ts": "2026-07-11T05:41:11Z", "hours": 0.7786, "text": "Win and Lose screen Added a win screen for when all mini games are complete, and a lose screen when all lives are lost. Both screens are similar to the title screen. Features: Win screen: added a particle effect for confetti Lose screen: replaced the animation with a game over animation"}, {"post_id": 26339, "ts": "2026-07-11T02:10:48Z", "hours": 0.8231, "text": "Minigame 3 Completed mini game 3 - a reaction game where you move to catch a falling coconut. The location is randomised each time you play."}, {"post_id": 25757, "ts": "2026-07-10T06:22:33Z", "hours": 0.5572, "text": "Minigame 2 Finished mini-game 2, the clicker mini-game. Adjusted the script to make is more streamlined than the one in the tutorial. The location of the waffles is randomised, and they are also animated."}, {"post_id": 25675, "ts": "2026-07-10T02:55:56Z", "hours": 2.3672, "text": "Minigame 1 Completed the first mini game - a mini platformer. Also overhauled the timer logic and in-between screen script. Features: Animated sprites for the apples and player (fully animated idle, moving and jumping) Animated timer in the corner to show the time."}, {"post_id": 23970, "ts": "2026-07-07T06:34:54Z", "hours": 0.6644, "text": "In-between screen Created the in-between level screen. The lives are represented with pulsing waffles."}, {"post_id": 23824, "ts": "2026-07-06T23:59:30Z", "hours": 1.5306, "text": "Title Scene Finished the title scene. Spent longer than I expected playing around with the UI. Features: Functioning text buttons which tint when hovered over and pressed Parallax-scrolling background (with what is meant to be a waffle pattern)"}]...
|
Title: WaffleWare by @lima6 | Stardance
Devlogs:
Title: WaffleWare by @lima6 | Stardance
Devlogs:
Title Scene Finished the title scene. Spent longer than I expected playing around with the UI. Features: Functioning text buttons which tint when hovered over and pressed Parallax-scrolling background (with what is meant to be a waffle pattern)
In-between screen Created the in-between level screen. The lives are represented with pulsing waffles.
Minigame 1 Completed the first mini game - a mini platformer. Also overhauled the timer logic and in-between screen script. Features: Animated sprites for the apples and player (fully animated idle, moving and jumping) Animated timer in the corner to show the time.
Minigame 2 Finished mini-game 2, the clicker mini-game. Adjusted the script to make is more streamlined than the one in the tutorial. The location of the waffles is randomised, and they are also animated.
Minigame 3 Completed mini game 3 - a reaction game where you move to catch a falling coconut. The location is randomised each time you play.
Win and Lose screen Added a win screen for when all mini games are complete, and a lose screen when all lives are lost. Both screens are similar to the title screen. Features: Win screen: added a particle effect for confetti Lose screen: replaced the animation with a game over animation
Audio and Settings Added audio to the game and added the settings page. The settings page just contains custom sliders to control the audio buses.
Bug Fixes and shipping Fixed some bugs then put the itch.io page together for shipping
Ships:
A chaotic, fun-packed minigame collection! Features: Minigame 1: A mini platformer where you collect apples. Minigame 2: A clicker game where you click waffles Minigame 3: A reaction game where you catch a coconut Settings: Adjustable music and SFX volume. Credits: Based on the Hackclub WarioWare guide All art hand drawn. Multiple contributors for audio...
|
1793656075.9948926
|
1793742475.9948926
|
|
62375
|
My awesome macropad! by @dhruvin_g2008 | Stardance
|
dhruvin_g2008
|
0
|
0.0
|
0
|
[]
|
[]
|
Title: My awesome macropad! by @dhruvin_g2008 | St Title: My awesome macropad! by @dhruvin_g2008 | Stardance...
|
1793656077.190251
|
1794260877.190251
|
|
62376
|
miks profile by @mikbart09 | Stardance
|
mikbart09
|
0
|
0.0
|
0
|
[]
|
[]
|
Title: miks profile by @mikbart09 | Stardance
|
1793656078.0636332
|
1794260878.0636332
|
|
62377
|
miks profile by @mikbart09 | Stardance
|
mikbart09
|
0
|
0.0
|
0
|
[]
|
[]
|
Title: miks profile by @mikbart09 | Stardance
|
1793656078.948221
|
1794260878.948221
|
|
62378
|
Dropzone by @EliaX | Stardance
|
EliaX
|
0
|
2.92
|
0
|
[]
|
[{"post_id": 70501, "ts": "202 [{"post_id": 70501, "ts": "2026-09-19T09:05:54Z", "hours": 1.5119, "text": "Refactored Dropzone into reusable ZIP processing pipeline with automatic file classification, duplicate handling, an organized output ZIP and isolated temporary workspaces per request"}, {"post_id": 68498, "ts": "2026-09-15T07:06:11Z", "hours": 1.4081, "text": "Implemented the initial functions to organize files."}]...
|
Title: Dropzone by @EliaX | Stardance
Devlogs:
Im Title: Dropzone by @EliaX | Stardance
Devlogs:
Implemented the initial functions to organize files.
Refactored Dropzone into reusable ZIP processing pipeline with automatic file classification, duplicate handling, an organized output ZIP and isolated temporary workspaces per request...
|
1793656079.8512087
|
1794260879.8512087
|
|
62381
|
SLACKOWN by @AMT | Stardance
|
AMT
|
0
|
0.0
|
0
|
[]
|
[]
|
Title: SLACKOWN by @AMT | Stardance
|
1793656080.7720425
|
1794260880.7720425
|
|
62382
|
Pepsi by @Shadow22 | Stardance
|
Shadow22
|
0
|
0.0
|
0
|
[]
|
[]
|
Title: Pepsi by @Shadow22 | Stardance
|
1793656081.6797378
|
1794260881.6797378
|
|
30274
|
grumble by @secret | Stardance
|
secret
|
1
|
1.0
|
0
|
[{"ship_num": 1, "ts": "2026-0 [{"ship_num": 1, "ts": "2026-07-03T12:42:21Z", "hours": 1.0, "multiplier": null, "payout": 0, "blessing": "neutral", "text": "Grumble is finished! It runs 24/7 with the help of a nest conatiner. It features 4 different commands, which can be tried out in the Hack Club Slack, in the bot-spam channel. More detailed information in the README on GitHub.", "repo": "https://github.com/dominik-vrg/grumble-bot", "demo": "https://app.slack.com/client/E09V59WQY1E/C0P5NE354"}]...
|
[{"post_id": 21452, "ts": "202 [{"post_id": 21452, "ts": "2026-07-03T12:35:04Z", "hours": 1.2975, "text": "grumble - devlog #1 This is grumble, the grumpy Slack Bot. It has 4 different commands: /grumble-hype will hype up the user with a random line /grumble-excuse will give a very random excuse with a generated number /grumble-roast will roast the user with a random line /grumble-fortune features developer style fortune cookie lines The bot runs 24/7 with the help of a Nest container."}]...
|
Title: grumble by @secret | Stardance
Devlogs:
gr Title: grumble by @secret | Stardance
Devlogs:
grumble - devlog #1 This is grumble, the grumpy Slack Bot. It has 4 different commands: /grumble-hype will hype up the user with a random line /grumble-excuse will give a very random excuse with a generated number /grumble-roast will roast the user with a random line /grumble-fortune features developer style fortune cookie lines The bot runs 24/7 with the help of a Nest container.
Ships:
Grumble is finished! It runs 24/7 with the help of a nest conatiner. It features 4 different commands, which can be tried out in the Hack Club Slack, in the bot-spam channel. More detailed information in the README on GitHub....
|
1793656082.5630503
|
1793742482.5630503
|
|
62383
|
larp o'clock by @kunshyuh | Stardance
|
kunshyuh
|
0
|
1.27
|
0
|
[]
|
[{"post_id": 82171, "ts": "202 [{"post_id": 82171, "ts": "2026-10-24T04:58:22Z", "hours": 1.2669, "text": "update - 1 designed the pcb schematic mainly with the help of the diagrams given in the blare website and now gonna headon to the actual casing and placement of buzzer and buttons"}]...
|
Title: larp o'clock by @kunshyuh | Stardance
Title: larp o'clock by @kunshyuh | Stardance
Devlogs:
update - 1 designed the pcb schematic mainly with the help of the diagrams given in the blare website and now gonna headon to the actual casing and placement of buzzer and buttons...
|
1793656083.7104282
|
1794260883.7104282
|
|
62384
|
WarioWare Game by @simonsiam | Stardance
|
simonsiam
|
0
|
0.0
|
0
|
[]
|
[]
|
Title: WarioWare Game by @simonsiam | Stardance
|
1793656084.601945
|
1794260884.601945
|
|
62386
|
Save me from Lavaaaa!! by @Kabirutreja | Stardance
|
Kabirutreja
|
0
|
14.47
|
0
|
[]
|
[{"post_id": 76355, "ts": "202 [{"post_id": 76355, "ts": "2026-10-03T09:05:11Z", "hours": 2.3, "text": "Updated a few things:- Made a smoke trail texture to make it look random Trail changes its colour from red to white based on velocity Made a Point Light source from Player Camera zoom if the player is too close to lava Imported a souls flying dying particle Added a sound on Jump Added some partcles on edge of lava Reduced Lava glow Made an animation which changes the opacity of platforms on drowning Fixed the error where the platforms were not burning Thank all Kabir out ^^"}, {"post_id": 75349, "ts": "2026-09-29T20:15:54Z", "hours": 2.3, "text": "Welcome Again!! So, we made the following things in 2 hours:- Made the most front clock translucent as you can see in the image for a forward effect(Should I increase the transparency?) Made a trail effect for player Made a screen shake when player dies Made the player to respond immidiately to the controls so it feels more juicy. That’s all, and a lot more coming soon.. Kabir out!!"}, {"post_id": 73060, "ts": "2026-09-24T09:23:40Z", "hours": 7.7667, "text": "Did a lot of work in 8 hours: Finished all the script including the gamemanager and platform spawner, Improved the camera systeam and made it only rotate rather than move, Also did a lot of calculation to get the correct values for managing the difficulty of game, Solved the bug that made the player sunk in the ground after jump(the player had an extra rigidbody), Made the shadow systeam to know on what place you exactly are in air, Also made an effect for when player or obstacle hits lava and imported some great textures from great creators.. Kabir out ^^.."}, {"post_id": 70156, "ts": "2026-09-18T16:09:18Z", "hours": 2.1, "text": "Imported the basic 2D character and made a controller for it including the actions to move in xy directions and jump.. also added the basic platform and a camera controller that will make it slowly shift upward while smoothly looking at player… The idea is as follows :- It’ll be a game where you land on progressive paltforms and don’t let lava touch you.. Hope you enjoy the series ^^"}]...
|
Title: Save me from Lavaaaa!! by @Kabirutreja | St Title: Save me from Lavaaaa!! by @Kabirutreja | Stardance
Devlogs:
Imported the basic 2D character and made a controller for it including the actions to move in xy directions and jump.. also added the basic platform and a camera controller that will make it slowly shift upward while smoothly looking at player… The idea is as follows :- It’ll be a game where you land on progressive paltforms and don’t let lava touch you.. Hope you enjoy the series ^^
Did a lot of work in 8 hours: Finished all the script including the gamemanager and platform spawner, Improved the camera systeam and made it only rotate rather than move, Also did a lot of calculation to get the correct values for managing the difficulty of game, Solved the bug that made the player sunk in the ground after jump(the player had an extra rigidbody), Made the shadow systeam to know on what place you exactly are in air, Also made an effect for when player or obstacle hits lava and imported some great textures from great creators.. Kabir out ^^..
Welcome Again!! So, we made the following things in 2 hours:- Made the most front clock translucent as you can see in the image for a forward effect(Should I increase the transparency?) Made a trail effect for player Made a screen shake when player dies Made the player to respond immidiately to the controls so it feels more juicy. That’s all, and a lot more coming soon.. Kabir out!!
Updated a few things:- Made a smoke trail texture to make it look random Trail changes its colour from red to white based on velocity Made a Point Light source from Player Camera zoom if the player is too close to lava Imported a souls flying dying particle Added a sound on Jump Added some partcles on edge of lava Reduced Lava glow Made an animation which changes the opacity of platforms on drowning Fixed the error where the platforms were not burning Thank all Kabir out ^^...
|
1793656085.488946
|
1794260885.488946
|
|
62388
|
Solar power's by @Sidratul | Stardance
|
Sidratul
|
0
|
0.0
|
0
|
[]
|
[]
|
Title: Solar power's by @Sidratul | Stardance
|
1793656086.6316497
|
1794260886.6316497
|
|
62389
|
FocusMode by @emilsyvertsenfox | Stardance
|
emilsyvertsenfox
|
0
|
0.0
|
0
|
[]
|
[]
|
Title: FocusMode by @emilsyvertsenfox | Stardance
|
1793656087.508541
|
1794260887.508541
|
|
62391
|
Untitled project by @evadhami | Stardance
|
evadhami
|
0
|
0.0
|
0
|
[]
|
[]
|
Title: Untitled project by @evadhami | Stardance
|
1793656088.3811483
|
1794260888.3811483
|
|
24473
|
Puzzel3D by @lakshyabadjatya | Stardance
|
lakshyabadjatya
|
1
|
1.0
|
0
|
[{"ship_num": 1, "ts": "2026-0 [{"ship_num": 1, "ts": "2026-06-23T06:23:26Z", "hours": 1.0, "multiplier": null, "payout": 0, "blessing": "neutral", "text": "Puzzle Cam is a cool webcam game that you can play with your hands. You do not need a mouse or keyboard to play this game. To start playing you need to hold up both of your hands to the camera. The Puzzle Cam will then count down. Take a picture of your face. After that it will break the picture into a puzzle. You can use your hands to fix it. You can move the pieces around by pinching them with your thumb and index finger. When you fix the puzzle you will get an white picture that you can download. The Puzzle Cam uses web technology like HTML and JavaScript to work. It also uses something called MediaPipe Hands to track your hand movements and Canvas to show you the puzzle. If you want to try the Puzzle Cam you can do it by opening the file on your computer and allowing the camera to work. Then you just need to hold up your hands and start playing. If you do not have a webcam you can still see how the game works by opening the simulation.html file. This file will show you a person playing the game so you can see how it works. The hardest part of making the Puzzle Cam was getting the hand tracking to work perfectly. It was also hard to make sure the game did not get confused when you were moving the pieces around. We also had to make sure the game worked well on all kinds of devices even if they are not very powerful.", "repo": "https://github.com/LakshyaBadjatya/Puzzel3D", "demo": "https://lakshyabadjatya.github.io/Puzzel3D/"}]...
|
[{"post_id": 14204, "ts": "202 [{"post_id": 14204, "ts": "2026-06-23T06:20:20Z", "hours": 0.6089, "text": "Building this project so as to understand the basics of the media pipeline so i can make more creative hand interactive projects. This is a very simple project in which we can use our webcam and hands to make puzzle live on screen and then play with hands and pinching fingers. The project is live at : https://lakshyabadjatya.github.io/Puzzel3D/ Source Code: https://github.com/LakshyaBadjatya/Puzzel3D"}]...
|
Title: Puzzel3D by @lakshyabadjatya | Stardance
D Title: Puzzel3D by @lakshyabadjatya | Stardance
Devlogs:
Building this project so as to understand the basics of the media pipeline so i can make more creative hand interactive projects. This is a very simple project in which we can use our webcam and hands to make puzzle live on screen and then play with hands and pinching fingers. The project is live at : https://lakshyabadjatya.github.io/Puzzel3D/ Source Code: https://github.com/LakshyaBadjatya/Puzzel3D
Ships:
Puzzle Cam is a cool webcam game that you can play with your hands. You do not need a mouse or keyboard to play this game. To start playing you need to hold up both of your hands to the camera. The Puzzle Cam will then count down. Take a picture of your face. After that it will break the picture into a puzzle. You can use your hands to fix it. You can move the pieces around by pinching them with your thumb and index finger. When you fix the puzzle you will get an white picture that you can download. The Puzzle Cam uses web technology like HTML and JavaScript to work. It also uses something called MediaPipe Hands to track your hand movements and Canvas to show you the puzzle. If you want to try the Puzzle Cam you can do it by opening the file on your computer and allowing the camera to work. Then you just need to hold up your hands and start playing. If you do not have a webcam you can still see how the game works by opening the simulation.html file. This file will show you a person playing the game so you can see how it works. The hardest part of making the Puzzle Cam was getting the hand tracking to work perfectly. It was also hard to make sure the game did not get confused when you were moving the pieces around. We also had to make sure the game worked well on all kinds of devices even if they are not very powerful....
|
1793656089.2411945
|
1793742489.2411945
|
|
62392
|
SquareRoot.OS by @SquareRoot | Stardance
|
SquareRoot
|
0
|
2.68
|
0
|
[]
|
[{"post_id": 70492, "ts": "202 [{"post_id": 70492, "ts": "2026-09-19T08:48:26Z", "hours": 1.6936, "text": "the buttons are not working YET also, im still trynna figure out what im gonna do about the time display and if i should make digital drawn icons for the logo of the apps but i have a quiz next week i kinda wanna add marine animals floating in space but idk how to make it match the aesthetic of the blackhole, plus maybe an intro screen would be nice but hella tedious to do though i like how the background looks like rn thats all see ya"}, {"post_id": 69989, "ts": "2026-09-18T06:24:25Z", "hours": 0.4208, "text": "final draft, i was inspired by a guy that coded a black hole with its topography(The Life of a Singularity by techartist @VoXelo ) go check him out! i think my color scheme would be black and blue since those are my favourite colors lol i dont think alot of people would enjoy it though since it has a limited color pallete, for the apps im planning to put a formula sheet, profile, note, browser, and perhaps a quote i couldnt think of anything else and a quote or a famous line might look good, im kinda worried cuz i might not finish it in time (philippines is drownin rn )see ya guys soon"}, {"post_id": 68553, "ts": "2026-09-15T09:38:46Z", "hours": 0.5617, "text": "today ill be working on my own os"}]...
|
Title: SquareRoot.OS by @SquareRoot | Stardance
D Title: SquareRoot.OS by @SquareRoot | Stardance
Devlogs:
today ill be working on my own os
final draft, i was inspired by a guy that coded a black hole with its topography(The Life of a Singularity by techartist @VoXelo ) go check him out! i think my color scheme would be black and blue since those are my favourite colors lol i dont think alot of people would enjoy it though since it has a limited color pallete, for the apps im planning to put a formula sheet, profile, note, browser, and perhaps a quote i couldnt think of anything else and a quote or a famous line might look good, im kinda worried cuz i might not finish it in time (philippines is drownin rn )see ya guys soon
the buttons are not working YET also, im still trynna figure out what im gonna do about the time display and if i should make digital drawn icons for the logo of the apps but i have a quiz next week i kinda wanna add marine animals floating in space but idk how to make it match the aesthetic of the blackhole, plus maybe an intro screen would be nice but hella tedious to do though i like how the background looks like rn thats all see ya...
|
1793656090.376702
|
1794260890.376702
|
|
62393
|
Frictionless by @prachi | Stardance
|
prachi
|
0
|
0.0
|
0
|
[]
|
[]
|
Title: Frictionless by @prachi | Stardance
|
1793656091.5661354
|
1794260891.5661354
|
|
62394
|
XYZ Gantry Machine by @r3c0nshade | Stardance
|
r3c0nshade
|
0
|
0.0
|
0
|
[]
|
[]
|
Title: XYZ Gantry Machine by @r3c0nshade | Stardan Title: XYZ Gantry Machine by @r3c0nshade | Stardance...
|
1793656092.4930568
|
1794260892.4930568
|
|
62398
|
My awesome macropad! by @mohamadsadegh | Stardance
|
mohamadsadegh
|
0
|
0.0
|
0
|
[]
|
[]
|
Title: My awesome macropad! by @mohamadsadegh | St Title: My awesome macropad! by @mohamadsadegh | Stardance...
|
1793656093.3658733
|
1794260893.3658733
|
|
62399
|
My awesome macropad! by @randomcoder789 | Stardanc My awesome macropad! by @randomcoder789 | Stardance...
|
randomcoder789
|
0
|
0.0
|
0
|
[]
|
[]
|
Title: My awesome macropad! by @randomcoder789 | S Title: My awesome macropad! by @randomcoder789 | Stardance...
|
1793656094.2880747
|
1794260894.2880747
|
|
62403
|
Mr. Pacman by @Jade_Kim | Stardance
|
Jade_Kim
|
0
|
0.0
|
0
|
[]
|
[]
|
Title: Mr. Pacman by @Jade_Kim | Stardance
|
1793656095.16366
|
1794260895.16366
|
|
62405
|
MemHawk by @Hawk3388 | Stardance
|
Hawk3388
|
0
|
0.0
|
0
|
[]
|
[]
|
Title: MemHawk by @Hawk3388 | Stardance
|
1793656096.0385346
|
1794260896.0385346
|
|
54703
|
ZeroTab by @Akkorpy | Stardance
|
Akkorpy
|
1
|
6.0
|
0
|
[{"ship_num": 1, "ts": "2026-1 [{"ship_num": 1, "ts": "2026-10-30T20:02:50Z", "hours": 6.0, "multiplier": null, "payout": 0, "blessing": "neutral", "text": "Finally! All the projects are done for now. Unfortunately, I had to finish ZeroTab very quickly as there is almost no time. Nevertheless, ZeroTab is a simple and very minimalistic modern new tab. It contains an information about NASA’s APODs through its API. Visual is fine and also features a search area. Weather widget is under development…", "repo": "https://github.com/Akkorpy/ZeroTab", "demo": "https://akkorpy.github.io/ZeroTab/"}]...
|
[{"post_id": 85014, "ts": "202 [{"post_id": 85014, "ts": "2026-10-30T19:27:46Z", "hours": 3.9053, "text": "The main part is done. It looks pretty simple and looks fine. I’ll ship it now as there is almost no time. And honestly, I used Claude and Gemini to learn how to make it as I had a litttle to make it and ship, so used them for debugging and sometimes for visuals. I hope I’ll finis hit in the future and by solely myself"}, {"post_id": 82719, "ts": "2026-10-25T17:34:03Z", "hours": 2.5542, "text": "Made basic style for now, the main part is done. I’ll add some new features like clock and greeting, search bar and some small animations. The only problem I ran into was that NASA API often returns 500 errors (their server, not my code). It also keeps returning the NASA logo and the title “NASA Science” instead of the real picture and title. Claude helped with some debugging and layout issues."}]...
|
Title: ZeroTab by @Akkorpy | Stardance
Devlogs:
M Title: ZeroTab by @Akkorpy | Stardance
Devlogs:
Made basic style for now, the main part is done. I’ll add some new features like clock and greeting, search bar and some small animations. The only problem I ran into was that NASA API often returns 500 errors (their server, not my code). It also keeps returning the NASA logo and the title “NASA Science” instead of the real picture and title. Claude helped with some debugging and layout issues.
The main part is done. It looks pretty simple and looks fine. I’ll ship it now as there is almost no time. And honestly, I used Claude and Gemini to learn how to make it as I had a litttle to make it and ship, so used them for debugging and sometimes for visuals. I hope I’ll finis hit in the future and by solely myself
Ships:
Finally! All the projects are done for now. Unfortunately, I had to finish ZeroTab very quickly as there is almost no time. Nevertheless, ZeroTab is a simple and very minimalistic modern new tab. It contains an information about NASA’s APODs through its API. Visual is fine and also features a search area. Weather widget is under development…...
|
1793656096.9123852
|
1793742496.9123852
|
|
62406
|
WEB OS by @r3c0nshade | Stardance
|
r3c0nshade
|
0
|
0.0
|
0
|
[]
|
[]
|
Title: WEB OS by @r3c0nshade | Stardance
|
1793656098.0425363
|
1794260898.0425363
|
|
62407
|
My awesome macropad! by @rehan293 | Stardance
|
rehan293
|
0
|
0.0
|
0
|
[]
|
[]
|
Title: My awesome macropad! by @rehan293 | Stardan Title: My awesome macropad! by @rehan293 | Stardance...
|
1793656098.956499
|
1794260898.956499
|
|
62411
|
PHONE DETOXER by @ed_j_wi | Stardance
|
ed_j_wi
|
0
|
0.0
|
0
|
[]
|
[]
|
Title: PHONE DETOXER by @ed_j_wi | Stardance
|
1793656099.8478749
|
1794260899.8478749
|
|
62413
|
hackpad macropad by @cricket8856 | Stardance
|
cricket8856
|
0
|
0.0
|
0
|
[]
|
[]
|
Title: hackpad macropad by @cricket8856 | Stardanc Title: hackpad macropad by @cricket8856 | Stardance...
|
1793656100.7437088
|
1794260900.7437088
|
|
62414
|
macropad by @DAnei1 | Stardance
|
DAnei1
|
0
|
0.0
|
0
|
[]
|
[]
|
Title: macropad by @DAnei1 | Stardance
|
1793656101.6149712
|
1794260901.6149712
|
|
62416
|
aa by @Arush_Pratap_singh | Stardance
|
Arush_Pratap_singh
|
0
|
0.0
|
0
|
[]
|
[]
|
Title: aa by @Arush_Pratap_singh | Stardance
|
1793656102.4916384
|
1794260902.4916384
|
|
62419
|
OrbitSim by @Bennediktiner | Stardance
|
Bennediktiner
|
1
|
33.0
|
0
|
[{"ship_num": 1, "ts": "2026-1 [{"ship_num": 1, "ts": "2026-10-31T00:32:28Z", "hours": 33.0, "multiplier": null, "payout": 0, "blessing": "neutral", "text": "OrbitSim a simple yet accurate Patched Conics Simulator, that can be Customized with custom Systems, Planets etc.. I made it to go along with a physics presentation and to learn more about orbital mechanics. it uses the Python Ursina Engine for visualization and Scipy for Cacltulation. Change velocity in real Time and see how the objects react. If you try it Yourself the default config will follow the artemis 2 mission around the Moon. for more instructions on usage and custom configs see the Github. (only available on windows)", "repo": "https://github.com/MoustacheBob/OrbitSim", "demo": "https://github.com/MoustacheBob/OrbitSim/releases/tag/Release_1.0"}]...
|
[{"post_id": 85139, "ts": "202 [{"post_id": 85139, "ts": "2026-10-30T22:12:31Z", "hours": 12.9783, "text": "Devlog 3 Holidays done, i finished the project about 2 weeks ago just in time for my phyics presentation but have been pretty busy since. Sincee the last Devlog the backend physics has been connected to the frontend visuals using Python Ursina. The Objects have a Trajectory visuallized by itterating a mesh over the Output points of the physics solver. Ive also made a UI to control the different objects, so that you can change their paths. Its all compatible with custom configs, though i havent tested that much and itll only be possible to create custom configs by cloning the Repo. Nevertheless im very proud of the finished result, even if the code is an absolute mess! See you at the ship!"}, {"post_id": 75150, "ts": "2026-09-29T09:31:15Z", "hours": 10.9633, "text": "Devlog 2 Ive now got the detection of SOI changes and following parent changing working. The attached picture shows a ship (yellow) encountering the moon. Due to matplotlibs constrains and because it would require reworking the whole system, i cant show the actual change in the Graph, but i promise it is correctly calculating it in the backend. To make this work i also had to create a global hierarchy system to find possible interaction partners, and create a timesystem that can dynamicallychange timewarp to schedule the events with Sched. Upong detecting an Soi change it now scedules an event to recalculate the objects position to parent relative, then recalculates the obrit in global time, so only one orbital trajectory has to be stored at a time. While i was at it i also added the functionality of creating the Objects from a sperate config file, to make later changes to the system far easier. Now to make it actually visible with Ursina"}, {"post_id": 69827, "ts": "2026-09-17T21:14:00Z", "hours": 9.1681, "text": "Devlog 1 Im making a newtonian Orbit Simulator using Python and the Ursina Engine Framework for visualization. This is a topic Ive always found interesting and I hope to both learn the Math behind it and use the finished product to demonstrate orbital mechanics in a physics presentation in a couple of weeks. What ive got so far: Basic frontend visualization using Ursina, mostly to see if it was fitting for this project The spritelike artstyle using these cute free to use textures* Good chunk of the simulation backend, calculates Orbit by using scipys ivp solver on the intial position and velocity by integrating newtonian laws of gravity What i haven’t got (yet): Sphere of influence Updating ( im NOT solving the n-body problem) and the object hierarchy that comes with it Tying together of backend Physics with Frontend visualization (keeping these seperate as much as possible to take advantage of high float precission) -Framework to make custom initial planetary/solar system states *texture credit: https://opengameart.org/content/space-pixel-art by Peony https://opengameart.org/content/space-background-1 by westbeam"}]...
|
Title: OrbitSim by @Bennediktiner | Stardance
Dev Title: OrbitSim by @Bennediktiner | Stardance
Devlogs:
Devlog 1 Im making a newtonian Orbit Simulator using Python and the Ursina Engine Framework for visualization. This is a topic Ive always found interesting and I hope to both learn the Math behind it and use the finished product to demonstrate orbital mechanics in a physics presentation in a couple of weeks. What ive got so far: Basic frontend visualization using Ursina, mostly to see if it was fitting for this project The spritelike artstyle using these cute free to use textures* Good chunk of the simulation backend, calculates Orbit by using scipys ivp solver on the intial position and velocity by integrating newtonian laws of gravity What i haven’t got (yet): Sphere of influence Updating ( im NOT solving the n-body problem) and the object hierarchy that comes with it Tying together of backend Physics with Frontend visualization (keeping these seperate as much as possible to take advantage of high float precission) -Framework to make custom initial planetary/solar system states *texture credit: https://opengameart.org/content/space-pixel-art by Peony https://opengameart.org/content/space-background-1 by westbeam
Devlog 2 Ive now got the detection of SOI changes and following parent changing working. The attached picture shows a ship (yellow) encountering the moon. Due to matplotlibs constrains and because it would require reworking the whole system, i cant show the actual change in the Graph, but i promise it is correctly calculating it in the backend. To make this work i also had to create a global hierarchy system to find possible interaction partners, and create a timesystem that can dynamicallychange timewarp to schedule the events with Sched. Upong detecting an Soi change it now scedules an event to recalculate the objects position to parent relative, then recalculates the obrit in global time, so only one orbital trajectory has to be stored at a time. While i was at it i also added the functionality of creating the Objects from a sperate config file, to make later changes to the system far easier. Now to make it actually visible with Ursina
Devlog 3 Holidays done, i finished the project about 2 weeks ago just in time for my phyics presentation but have been pretty busy since. Sincee the last Devlog the backend physics has been connected to the frontend visuals using Python Ursina. The Objects have a Trajectory visuallized by itterating a mesh over the Output points of the physics solver. Ive also made a UI to control the different objects, so that you can change their paths. Its all compatible with custom configs, though i havent tested that much and itll only be possible to create custom configs by cloning the Repo. Nevertheless im very proud of the finished result, even if the code is an absolute mess! See you at the ship!
Ships:
OrbitSim a simple yet accurate Patched Conics Simulator, that can be Customized with custom Systems, Planets etc.. I made it to go along with a physics presentation and to learn more about orbital mechanics. it uses the Python Ursina Engine for visualization and Scipy for Cacltulation. Change velocity in real Time and see how the objects react. If you try it Yourself the default config will follow the artemis 2 mission around the Moon. for more instructions on usage and custom configs see the Github. (only available on windows)...
|
1793656103.3554025
|
1793742503.3554025
|
|
62421
|
My very own WebOS by @cperarasu25 | Stardance
|
cperarasu25
|
0
|
0.0
|
0
|
[]
|
[]
|
Title: My very own WebOS by @cperarasu25 | Stardan Title: My very own WebOS by @cperarasu25 | Stardance...
|
1793656107.7422025
|
1794260907.7422025
|
|
18299
|
kiBoard by @Leah | Stardance
|
Leah
|
1
|
1.0
|
0
|
[{"ship_num": 1, "ts": "2026-0 [{"ship_num": 1, "ts": "2026-06-20T07:23:01Z", "hours": 1.0, "multiplier": null, "payout": 0, "blessing": "neutral", "text": "I created a keyboard with one hundred and sixty keys! It definitely took a bit to make since I had to relearn a lot of things but I think it paid off! It features two function rows as well as a ton of extra keys available to remap to whatever youd like! (Actual time is closer to 10~ish hours but lapse didnt record the thing properly) I hope you all like it as much as I do!", "repo": "https://github.com/colorBanded/kiBoard/", "demo": ""}]...
|
[{"post_id": 12392, "ts": "202 [{"post_id": 12392, "ts": "2026-06-20T07:04:23Z", "hours": 0.2878, "text": "Now theres an enclosure! I think messing around with blender has helped me a little bit with fusion, its slanted a bit towards the user so it wont be as difficult to use"}, {"post_id": 11159, "ts": "2026-06-18T07:47:08Z", "hours": 0.3806, "text": "This is a bit of a long devlog as most of the project was recorded through lapse but was not notified of a systems interruption prior to recording so that time is unavailable (~8 hours). So Ive gotten most of the keyboard completed aside from some things like BOM and other things and I think its coming together pretty nicely. I started out by drafting a layout for something that I would feel comfortable using in an online keyboard editor that I had previously used for another hackpad project. After that I had to research the type of sbcs I could use as the XIAO RP2040 is a nice inexpensive board it did not have enough IO pins for the amount of keys I had used in the project, so I switched to a Pi Pico (Which unfortunately also did not have enough pins required to wire everything together) And I was trying to avoid using an IO expander; someone on a huddle introduced me to a technique where instead of wiring a key matrix of one row and column per row/columns, you double the rows and halve the columns to try to achieve a lower pinout count to hookup to the SBC you use, which worked to an extent but ultimately I had to learn how to use an IO expander which someone else had helped me with props to the people on the huddle. After this I had to get everything into kiCad and I tried out a couple different plugins to help with wiring since there was a LOT of keys but none of them completely helped so in the end I had to wire about half the board to clear the about ~1000 errors (something that half occured from the plugins, half from me using the wrong footprint in the final pcb. In total there is about 158 keys on this keyboard with the main standouts being an extra macropad on the left side as well as an extra function row (“Im gonna press the F25 key”) All I have left to do is make the case, set up the repository correctly and do the gerbers and this will be ready to ship!"}]...
|
Title: kiBoard by @Leah | Stardance
Devlogs:
This Title: kiBoard by @Leah | Stardance
Devlogs:
This is a bit of a long devlog as most of the project was recorded through lapse but was not notified of a systems interruption prior to recording so that time is unavailable (~8 hours). So Ive gotten most of the keyboard completed aside from some things like BOM and other things and I think its coming together pretty nicely. I started out by drafting a layout for something that I would feel comfortable using in an online keyboard editor that I had previously used for another hackpad project. After that I had to research the type of sbcs I could use as the XIAO RP2040 is a nice inexpensive board it did not have enough IO pins for the amount of keys I had used in the project, so I switched to a Pi Pico (Which unfortunately also did not have enough pins required to wire everything together) And I was trying to avoid using an IO expander; someone on a huddle introduced me to a technique where instead of wiring a key matrix of one row and column per row/columns, you double the rows and halve the columns to try to achieve a lower pinout count to hookup to the SBC you use, which worked to an extent but ultimately I had to learn how to use an IO expander which someone else had helped me with props to the people on the huddle. After this I had to get everything into kiCad and I tried out a couple different plugins to help with wiring since there was a LOT of keys but none of them completely helped so in the end I had to wire about half the board to clear the about ~1000 errors (something that half occured from the plugins, half from me using the wrong footprint in the final pcb. In total there is about 158 keys on this keyboard with the main standouts being an extra macropad on the left side as well as an extra function row (“Im gonna press the F25 key”) All I have left to do is make the case, set up the repository correctly and do the gerbers and this will be ready to ship!
Now theres an enclosure! I think messing around with blender has helped me a little bit with fusion, its slanted a bit towards the user so it wont be as difficult to use
Ships:
I created a keyboard with one hundred and sixty keys! It definitely took a bit to make since I had to relearn a lot of things but I think it paid off! It features two function rows as well as a ton of extra keys available to remap to whatever youd like! (Actual time is closer to 10~ish hours but lapse didnt record the thing properly) I hope you all like it as much as I do!...
|
1793656108.6548405
|
1793742508.6548405
|
|
62422
|
Safe class AI by @OGKapil | Stardance
|
OGKapil
|
0
|
0.0
|
0
|
[]
|
[]
|
Title: Safe class AI by @OGKapil | Stardance
|
1793656109.806558
|
1794260909.806558
|
|
62423
|
Slack bot by @mian | Stardance
|
mian
|
0
|
0.0
|
0
|
[]
|
[]
|
Title: Slack bot by @mian | Stardance
|
1793656110.6733627
|
1794260910.6733627
|
|
62424
|
Fire fighting bot by @mylesvalenfernandes | Starda Fire fighting bot by @mylesvalenfernandes | Stardance...
|
mylesvalenfernandes
|
0
|
0.0
|
0
|
[]
|
[]
|
Title: Fire fighting bot by @mylesvalenfernandes | Title: Fire fighting bot by @mylesvalenfernandes | Stardance...
|
1793656111.5633786
|
1794260911.5633786
|
|
62426
|
My very own WebOS by @zabir_ahsan16 | Stardance
|
zabir_ahsan16
|
0
|
0.0
|
0
|
[]
|
[]
|
Title: My very own WebOS by @zabir_ahsan16 | Stard Title: My very own WebOS by @zabir_ahsan16 | Stardance...
|
1793656112.4348845
|
1794260912.4348845
|
|
62427
|
My own site! by @ishaqturk91 | Stardance
|
ishaqturk91
|
0
|
0.0
|
0
|
[]
|
[]
|
Title: My own site! by @ishaqturk91 | Stardance
|
1793656113.3256962
|
1794260913.3256962
|
|
16300
|
EpochOS by @Mokila | Stardance
|
Mokila
|
2
|
119.0
|
2078
|
[{"ship_num": 1, "ts": "2026-0 [{"ship_num": 1, "ts": "2026-07-22T09:43:03Z", "hours": 112.0, "multiplier": 19.26, "payout": 2078, "blessing": "neutral", "text": "EpochOS is a fully functional operating system built entirely with vanilla JavaScript, HTML, and CSS. It doesnt require any client side installations or anything and runs directly in your browser. Its features include a file explorer, a browser, a media player, many essential applications, lots of customisation, widgets, and an actual ecosystem that mimics a real operating system. It also has no backend so it’s all run locally on your browser using the browser’s localStorage. Some things you should know before you test this out: Firstly, please don’t finish rating this project until you experience all the features because there are many hidden features that might change your opinion. An example is easter eggs. I implemented many easter eggs which you must experience before voting because these easter eggs are very devloped. If you can’t find them or are stuck on one of the easter eggs, read ARCHITECTURE.md and at the very bottom, i listed all the easter eggs so you can check them out. In fact, read the ARCHITECTURE.md because it provides valuable info about many of the features in the OS and how they work so make sure to read that aswell Secondly, this OS is not compatible with mobile or tablet devices and is optimized for desktop only. So please keep that in mind when you are testing it. Thank you so much for testing this project and hope you enjoy it :)", "repo": "https://github.com/Moksha-0102/MyOwnWebOS", "demo": "https://my-web-os-inky.vercel.app/"}, {"ship_num": 2, "ts": "2026-06-13T15:31:39Z", "hours": 7.0, "multiplier": null, "payout": 0, "blessing": "neutral", "text": "I created a simple operating system with HTML, CSS, and Javascript that runs on you web browser. It has a nostalgic look and feel with old-styled buttons and looks. To make it more like an OS, a calculator and a notepad have been created and implemented in the app. Moreover, to allow the user to personalise as much as they want, many settings have been included, from custom wallpapers to wallpapers that come from NASA itself and more. This was my first large scale project that I have coded so it’s an interesting experience for me. Before this, I only used to do challenges on platforms like Codewars and other than some small side projects, I don’t have a practical experience. Therefore, i think this project has taught me a lot on how to built stuff yourself. I hope you like my project :)", "repo": "https://github.com/Moksha-0102/MyOwnWebOS", "demo": "https://my-web-os-inky.vercel.app/"}]...
|
[{"post_id": 32866, "ts": "202 [{"post_id": 32866, "ts": "2026-07-22T09:36:10Z", "hours": 0.3622, "text": "WebOS 2 Devlog #21: Final Submission Just did some final changes to the welcome text and am about to ship it"}, {"post_id": 32842, "ts": "2026-07-22T07:57:53Z", "hours": 1.0103, "text": "WebOS 2 Devlog #20: Updated README.md and ARCHITECTURE.md + changed properties window I just realised I had a properties window in the OS and that was quite outdated so I changed to include some new info like the Last Modified date which updates everytime the user saves something because i added a localStorage.setItem that saves the timestamp. I also updated the README and ARCHITECTURE files to make them sound better and to add some additional info. Anyway, this devlog is probably the last on for this project! Hope you enjoy :)"}, {"post_id": 32822, "ts": "2026-07-22T06:51:37Z", "hours": 7.8417, "text": "WebOS 2 Devlog #19: README.md + ARCHITECTURE.md + additional customisation features I’m in the final stages of the project and in this long session, I did many things. Firstly, I wrote a README.md with all the necessary stuff and i also made an ARCHITECTURE.md file which explains the nitty gritty insides of the WebOS so anyone can understand how the website works. Other than that I added a couple of other stuff. Firstly, i realised that even though I have accents to customize the desktop, I don’t have a wallpaper gallery (except the nasa apod) which I found was quite necessary. At first, i coded my own wallpapers like a synthwave grid wallpaper, pinstripe wallpaper for the legace theme, a tranforming aurora wallpaper and like 3 more but after i coded them, they just looked so damn ugly. So i scratched the idea of me coding my own wallpapers and added three categories of wallpapers in the wallpaper dropdown with each category having three 4k wallpapers in them so every time you pick that category, you get a random wallpaper from the three. I also added an about section in the settings which has a buttton that leads to the github page."}, {"post_id": 32308, "ts": "2026-07-21T12:14:02Z", "hours": 5.4103, "text": "WebOS 2 Devlog #18: Debugging session I swear random bugs keep popping up no matter how much debugging I do. There’s always something that’s wrong or doesn’t work but that’s just how it is. In this session which was longer than expected, i fixed a lot of different bugs. Here is a summary of the changes i did: I spent lots of time rewriting the mathematics for the desktop icon layout, and also changed the strict grid-snapping to free-form placement cus it felt it was quite annoying not to be able to place stuff on the desktop wherever you want. Unfortunately, it took too long and i abandoned the idea and just moved on without making any changes. I also spent some time cleaning up the code and tried to optimizing the code. Some other bugs I fixed include: Desktop icons were randomly rearranging themselves every time a file was saved. I found out that the reason was that since the localStorage returns keys randomly, everytime i wrote sth to localStorage, the items were randomized so the ordier they appeared on the desktop changed. So i rewrote the logic to sort the stuff alphabetically before displaying. The Notepad app was also blindly overwriting existing files with the same name. I fixed it by adding a localStorage query to intercept matching keys and to display an osConfirm dialog, forcing the user to explicitly authorize the overwrite. The internal browser was throwing captchas all the time and failed to load error screens for blocked domains. Since Google aggressively blocks embeds and flags them as bot traffic, i changed the default browser to Bing, which was much better and i didn’t get captchas everytime i search somehting up I also modified the system daemon engine so that it introduces itself when a user first view the OS. The weather widget was pulling the location not from where the user was but rather where my ISP was routing my traffic through. So if i lived in a village and ISP routes my traffic through like New York, the weather that showed up was that of New York. To fix this, i swapped the logic to request exact hardware GPS coordinates via navigator.geolocation, while falling back to the IP routing API if the user denies the browser prompt. If the location is inaccurate the user can enable the location permission in the browser and the weather widget then shows the correct location. The visualizer widget was working perfectly but i had the idea to add a text container above the bars which shows what the user is playing. I made way way more changes but many of them conform to the easter eggs and mainly about the theme that gets unlocked (small spoiler there ;)) so i won’t really get too much into it."}, {"post_id": 31915, "ts": "2026-07-20T18:15:51Z", "hours": 10.1178, "text": "WebOS 2 Devlog #17: Media player + Audio spectrum widget implementation It has been a massive coding session. And I barely managed to keep the time below 10 hours and I still went over it. But, on the bright side, the OS now has a fully functional, media player and an audio spectrum widget! In the media player, anyone can listen to radios, and lots of music. But the reason it took 10 hours is because implementing these stuff required facing some serious bugs-some of them for genuinely stupid mistakes-and rebuilding the audio engine the right way (you’ll see what I mean). Here is a breakdown of how these new features work, what went wrong, and some other stuff: Overview of features The Media Player: The new Media Player is a audio application that routes requests to three distinct APIs to fetch music that the user can listen two: Audius: This is a “decentralized music streaming platform for artists, labels, and fans.” And it’s free! I fetches some of the music from this API. Radio-Browser: This is a platform that is, in a nutshell, Wikipedia for radios. I fetched thousands of live, global radio broadcasts using this API Apple iTunes (Preview): This was a golden find because I didn’t know this existed (not for free anyway). This API pulls top hits and previews of music. Granted, it’s not full music tracks but the songs are much more famous and popular. The Audio Spectrum Widget To complement the player, I also added an Audio Spectrum visualizer. It uses the Web Audio API, or more specifically, its AudioContext and an AnalyserNode to get the frequency data from the audio element. That data is then mapped to an HTML5 element. Using requestAnimationFrame, I made it such that the spectrum repaints 40 individual frequency bars roughly 60 times a second, which creates the audio visualiser waveform thing. Challenges The Geolocation failure: The OS was originally hardcoded to fetch radio stations from my address because I hardcoded that for testing purposes. But I stupidly forgot to remove that so when attempting to make this dynamic by using vpns I spent like 40 minutes trying to figure out why ut kept showing stations from my local area and not japan (where my VPN was connected to). And the reason for that is the hardcoded address I mentioned earlier. Moreover, some of the API queries were too specific, causing the media player to return empty for smaller regions like the Bahamas. To fix it i used the BigDataCloud API to quietly ping the user’s IP address, cache their true country code, and inject it into the API queries. the broken audio spectrum: Initially, the audio visualizer was completely blank. Even when fixed, the baseline would just disappear the second music started playing. The canvas drawing logic was also aggressively using clearRect to wipe the entire widget, which erased the idle state baseline. To fix it, I changed the baseline math so that the baseline sits firmly at the bottom of the widget. I also remade the drawing loop to explicitly redraw the baseline before checking the isPlaying state, so the frequency bars can work smoothly. retro theme problems: I completely forgot about the retro theme as i was just focused on building the player and the widget. So, in the end i had to make the stuff retro theme aswell. I encountered some problems there like some white on white text and some styles not applying which turned out to be because my dumbass brain mispelled the ids and classes Oh, and I found some other big bugs. The dragging engine was hella laggy. Like the response time was like 3 seconds before it registered. I would go deeped but im abt to cross the 4000 character devlog word limit but in a nutshell I realised it was because the mousemove event listener was directly updating the inline CSS (style.left and style.top) on every single microscopic mouse movement so it was really laggy."}, {"post_id": 30592, "ts": "2026-07-18T09:18:19Z", "hours": 8.5214, "text": "WebOS 2 Devlog #16: Widget implementation + debugging In this session, i made multiple changes to the OS to improve the overall UX. I had to pull another all nighter again 🥲. Here is what i changed: Change 1: Debugging Everytime i enabled the system daemon in the settngs, the entire os reloaded which was quite annoying so I ripped out the location.reload() in the Settings app. I also moved him to the body so he didn’t get trapped behind windows, because most of the time the daemon was floating behind windows and i couldnt really see him. I also gave the Welcome screen a massive 9999999 z-index so the daemon would float behind it because my previous step was too effective and he was infront of every single screen including like the bootloading screen. Challenges: I ran into z-index hell because I didn’t plan the stacking initially. He was either in the very front or at the very back and it was all a bit weird. Change 2: Widget implementation I initially wanted to implement sticky notes as a widget which was inspired my the mac sticky notes so i coded all of that in first but I realised i can take it a step further and code in multiple widgets. Challenge: But the thing was i hardcoded the sticky notes widget so i had to recode everything and integrate all of the widgets at once I added a simple analog clock widget I added a calendar widget I initially added a system monitor with like the ram and cpu data but the thing was due to the security restrictions, I can’t get the actualy live hardware data so it would have to be a simulation, which i didnt want so I replace the system monitor with a live weather widget which uses the BigDataCloud and Open-Meteo APIs to provide weather data. Change 3: Originally I had all hte widgets in the context menu on after the other but they looked like a list and a bit redundant. So i removed all then in the html file and added one ‘Add a widget…’ option which connects to a screen with all the widget options"}, {"post_id": 30122, "ts": "2026-07-17T13:15:43Z", "hours": 6.5461, "text": "WebOS 2 Devlog #15: System Daemon implementation To keep the users more engaged so even when they saw everythign, they would still spend more time doing stuff, I wanted to build something alive for the desktop environment that would interact with the user. So, instead of a standard app, I built a system daemon! If you dont know what that is, it is a digital pet that hangs out on your desktop and does random stuff. I dont hav ea name for him yet so ill just call him daemon for now. When he’s healthy, he flies around the screen and shouts random stuff at you. But I didn’t want him to just be a visual gimmick. He interacts with the actual operating system itself and has states: He is hungry: Because I previously built a drag-and-drop system for the File Explorer, I hooked him into it. You can drag actual text files or folders out of your explorer and drop them on his face. He will chew them up and literally delete them from the virtual hard drive (localStorage). He has a digestive tract: I built a array for his stomach that records what he has last eaten. If he ate a file you actually needed, you can rapid-click his face 5 times. He will regurgitate the raw file data perfectly back onto your desktop. He has boundaries: I ‘taught’ him to recognize core OS files. If you try to feed him Notepad.app or the System Settings, he will violently reject them and yell at you. He has one more state but that relates to the easter egg so i wont provide any additional details in order to not spoil it Oh, and i changed his appearance for the retro theme. anywhat that’s all for this change. I didn’t get into the nitty gritty of how I built him because I am so excited to finish this project. Just a few more features and then I’m done."}, {"post_id": 29444, "ts": "2026-07-16T12:05:56Z", "hours": 7.8072, "text": "WebOS 2 Devlog #14: Easter Eggs Pt. 2 I am now done with making the easter eggs and in total i made 5 of them, which may seem less but some of them are really really complex and developed. I stayed up till 2am making these 😭. Out of these 5, three of them are simple easter eggs, one is more complex but still quite simple and the final one is essentialyl the absolut highlight. It is the reason why the easter egg section took me so long. I am not going to go into detail to avoid spoilers. Anyway i hope you have fun with the easter eggs :) p.s the attached pic is a screen shot again cus i dont want to give spoilers"}, {"post_id": 29017, "ts": "2026-07-15T17:46:09Z", "hours": 8.8292, "text": "WebOS 2 Devlog #13: Easter Eggs Pt. 1 I was looking forward to this a looooot. I’m not giving any spoilers whatsoever but I was so locked in tday and yesterday coding easter eggs into the OS. I added like 2 easter eggs (might seem less but trust me they’re very developed), one’s a very simple one but the other one is my favourite and is the reason this devlog took so long. It’s still not finished and im only lik halfway done w/ it but I’m not going to go into any details because it will spoil the fun but im sure you’ll enjoy it. Also, im not done with making easter eggs and i just made this devlog cus the time is almost 10hrs. I still have to finish the second easter egg and do more on top of that. The next one will hopefully be the final easter egg session (unless i get another absolute brainwave). p.s to prevent spoilers, the attached pic is just a screenshot once again"}, {"post_id": 28283, "ts": "2026-07-14T13:15:34Z", "hours": 3.2847, "text": "WebOS 2 Devlog #12: Debugging Session + retro theme redesign In this session I started debugging the os and wow i found a lot of bugs. Im not going to get into them because it would take too long but some of them include how the bootloading sequence absolutely breaks if the user presses escape before the setup is finished because the cache isnt cleared properly so when the user gets the setup agian, he wont we able to configure some stuff like the password because the cache wasnt cleared properly. I also redesigned the retro theme because it looked ugly because the accents i implemented in the modern theme appeared in the retro theme which didnt fit together. Moreover, some of the aspects of the retro theme, such as the top part of the web browser or the settings screen were just uncomfortable to look at. Changing the retro theme was such a pain because everytime i thought i fixed it, a new discrepancy appears and at one point after i fixed it, my retro-theme.css was so messy i couldnt be bothered to fix it so i just inputted the messy working version into gemini and it cleaned it up. Anyway that was all i changed this time. And I did more and more changes but many of them are small and it would take too long to explain in a devlog. p.s. didnt know which pic to attach so its just a simple screenshot of the desktop."}, {"post_id": 28127, "ts": "2026-07-14T06:44:53Z", "hours": 9.4628, "text": "WebOS 2 Devlog #11: Reset btn + Notepad IDE + other changes This was a long long coding session. Had to stay awake till like 2am. Here are the changes i made. Ill try to keep everythign concise because theres a 4000 char limit and i have lot more to say than that. Change 1: I added a factory reset button in settings that directs the user to the webos setup screen like the one they get when they first enter the website. When testing this feature, i realised that random variables from completely different web projects started appearing in the File Manager. Because browsers share localStorage databases across the same local port (e.g., 127.0.0.1:5500), the OS was inheriting the ghosts of old projects. The solution: I had to upgrade the Initial Setup Utility. When formatting the Virtual Hard Drive, the system now temporarily caches the user’s OS credentials in memory that they entered, executes a total localStorage.clear() wipe to delete all the localStorage varialbles, and then safely restores the username and stuff before continuing normally. Change 2: Notepad IDE This was the part that took the longest (and its still not done). I wanted to create something absolutely unique that i havent seen in any other webos projects that i saw. And i realised, why dont i make an IDE in me webos? Not an actual IDE ofc but the goal was to allow users to write raw HTML/JS in the Notepad, save it as a .app file, and double-click it on the desktop to launch it as a fully functioning, program. Attempt 1 (Failure): I initially tried parsing the saved text and running it directly in the OS context using eval(). It was an absolute security and stability nightmare. The custom app had root access to the OS memory and instantly overwrote the osState object, completely crashing the Window Manager within seconds. Attempt 2 (Failure): I tried fixing attempt 1 but messed up the entire code in the process so i had to revert to that commit and this time, i tried putting the apps in Web Components and the Shadow DOM. While this successfully isolated the CSS so custom apps didn’t break the OS styling, the JavaScript still executed in the global window scope. Running two different custom apps simultaneously caused variable collisions that bricked the taskbar. It was too complex and fundamentally flawed. I wiped the slate clean again. Attempt 3 (Success): I realised that the answer was looking straignt at me. I was so stupid. I can just take the code and slap it on to an iframe, and it runs it, just like how i made the web browser. The solution was that When a user double-clicks a custom .app, the OS takes the raw code and converts it into a text/html Blob. It then passes that Blob through URL.createObjectURL(), creating a localized URL. By feeding that URL into an , the custom app boots perfectly. I am really proud of this feature. It’s still not fully done but i had to make a devlog since the tracked time almost reached 10hrs."}, {"post_id": 27267, "ts": "2026-07-12T18:02:31Z", "hours": 4.4556, "text": "WebOS 2 Devlog #10: icon implementation + taskbar remodeling When i looked at the webos, i realised it missed something to look like an actual os. It wasnt realistic enough. So, i decided to do two changes to make it more realistic. Here is what it did: Change 1: I added some real user data in the taskbar. More specifically, the host device’s actual network and battery status and date. I used the the browser’s native navigator.onLine and the navigator.getBattery() APIs. I also made it such that the os actively listens for network connection drops such as when wifi is disconnected and battery charging/level events, and updates the data accordingly. Change 2: I also noticed that my entire os is filled with emojis for stuff like calculator, file manages (all the apps essentially), the taskbar, the browser, the sites in the browser, etc. THis made it look really unprofessional so i fixed it. I replace all system emojis with Google Material Symbols to make it look a lot better. I did face one challenge however, the emojis in my website in my web browser weren’t being replaced by icons for some reason and I then realised that the iframe sites acts as a sandbox and they dont inherit the imported apis from the main html file. So I just injected a tag and imported the Google Material Symbols API directly in the isolated HTML code in my js file. Change 3: The goal of this change was ot allow the user to snap the taskbar to the top of the screen (Linux style). This was the part that took longer than expected. I originally just added an optoin in the settings to move my taskbar to the top of the screen but the pill-like, floating taskbar i had was really ugly when it was at the top. So, i spent like more than an hour and half trying out new designs and redesigning the taskbar so it looks good both when its at the top and the bottom and finalised a design that actually looks much better than what i had before. It now takes up like the entire bottom/top of the screen instead of floating in the middle liek before. That was all the changes made since the last devlog."}, {"post_id": 26774, "ts": "2026-07-11T19:22:51Z", "hours": 3.2697, "text": "WebOS 2 Devlog #9: Implemented color accents and some browser improvements I was originally going to do some debugging and finish of this project but i was looking through other peoples’ webos projects and realised there was much i could improve. I then got like a huge brainwave about new stuff to implement so ig it’ll be a bit longer before I ship this project. One of these ideas was adding color accents because right now my modern theme is limited only to a light pinkish color. Here are the changes i made: Change 1: Accents In the settings screen, i added an option to choose the system accents. I also gave some basic presets and added an option to pick a color by adding a color picker option. Implementing this was quite simple, just replace all hardcoded pink colors with –os-accent (which i added in css). I linked htis –os-accents attribute/class to the color that the user chooses in js and made ti that all the places where the accent pops up, the color variable there is replaced with –os-accents. So if the user changes the accent in settings, the places where –os-accent is set changes color automatically. Challenge 1: Contrasting invisible text The problem: Swapping a single hex code for an accent color that the user chooses breaks all translucent UI elements (like shadows). Furthermore, if a user picks a bright color (like Mint Green or Yellow), the hardcoded white text on the title bars becomes completely invisible. The Solution: I implemented a Hex-to-RGB engine that injects raw RGB values directly into the CSS :root. This solves the first part of the problem. To solve the text contrast issue, I implemented the WCAG Relative Luminance algorithm ( used a bit of outside help here iykwim ;)). The OS now mathematically calculates the perceived brightness of the user’s chosen color. If the relative luminance passes a threshold of 0.179, the OS flips the title bar text to pitch black so its legible comfortable. Change 2: i was just playing around in the webbrowser and exploring, and i found some stuff that needed to be fixed: when building a simulated web browser using tags, embedding sites like google resulted in a “Refused to Connect” error. These servers send an X-Frame-Options: DENY header. Because client-side JavaScript is legally blind to server headers, the OS couldn’t detect the block to show the custom error screen I made. I knew this error existed and knew this was a thing but only after experiencing it like a real user did i realise how annoyinf this was and it made my os seem broken. Solution 1 (attempt): I initially tried routing requests through a third-party API to read the headers, but ad-blockers and privacy shields just made the API requests not work, crashing the entire browser app (at least thats what i think is the cause). The Solution: I used a massive Regex blocklist, such that the browser now instantly intercepts requests to 99% of top-tier websites that block iframes (like youtube or google), and routs the user to a custom error page. (did these stuff with the help of some ai only) Next Problem: When a user searches Google inside the iframe and clicks a link in the embedded page, the OS address bar wouldn’t update. This is a browser restriction. Browsers mathematically lock JavaScript out of reading cross-origin URLs for security reasons. At this point i just stopped instead of trying to waste my time trying to break through some military grade (i think?) restrictions. Change 3: Before, only iframe compatible websites worked but i had an idea to route all queries (except the ones in websites format) through a google search. Apparently, google.com doesn work in iframe but the google search works. So now if i type hello world, it just redirects me to a google search page with hello world searched. P.S. I made some other tiny changes aswell but i cant rlly remember them now sry"}, {"post_id": 20257, "ts": "2026-07-01T20:07:19Z", "hours": 2.9408, "text": "WebOS 2 Devlog #8: Migrated to ES6 arch. and split css into any files I just realised that essentially all my code is squished into three files-index.html, index.css, and index.js. And all of them were quite big. Like the js file had more than 2,000 lines, and css had more than a 1,000 lines. I dont know why i havent noticed it before but im glad that i did now because i was plannign to do a deep debugging session next and it wouldve been hella hard to do in a 2000+ line file. Plus, a single bug in e.g. the calculator could crash the file manager, and debugging required scrolling through thousands of lines of code. So, i decided to migrate the index.js into an ES6 architecture and split the index.css into multiple manageable files. That’s all i can say for this devlog ig. There was nothing new except some lines of code i had to add after the migration to make sure everything is working. There were no really new features added. But there were many things that delayed me: i accidentally deleted a block of code in the index.css without moving it and didnt notice it so some styles were broken and i had to like retrace my steps and stuff to fix all the problems it caused. That’s all ig. The project is almost coming to an end! Can’t wait to ship it :)"}, {"post_id": 19868, "ts": "2026-07-01T08:56:38Z", "hours": 3.9269, "text": "WebOS 2 Devlog #7: Web Browser Implementation I reached the final couple of phases of my project and this is one is one of the crucial ones: building a web browser. My plan was to use iframe. But the thing about building a webbrowser inside a webbrowser or inside a sandboxed environment like a website is most websites (about 99%) like google, youtube, or github use X-Frame-Options and Content-Security-Policy: frame-ancestors ‘none’ which means they specifically block their websites from being displayed in cases like this ot prevent clickjacking. So every time i tried loading a webpage, it just says this webpage refused to connect or sth. I used ai to try bypassing it but it didnt work, so with the help of the same aforementioned ai, i implemented a solution. The solution: Since I cannot disable host browser security policies, and i dont have a backend proxy server, I had an idea to just build my own native ‘browser’: EpochOS IntraNet (just decided on the name EpochOS btw). This didnt take too long cus i had someone (ai) helping me cus it was almost midnight and i was tired as hell. Here are the features: I wrote a parser that intercepts navigation requests. If the user navigates to webos://home or webos://directory, the engine injects a large data:text/html;charset=utf-8 string directly into the iframe’s src attribute. This opens a local, HTML dashboard without triggering cross-origin blocks. Essentially, i wrote html in js and injected that html into the iframe src, so i essentially made my own ‘web-page’. Standard links inside a data URI iframe will try to navigate the iframe itself, which doesn’t update the OS address bar. To fix this, I set up a window.addEventListener(‘message’) listener on the parent OS. The buttons inside the iframe use parent.postMessage() to pass the target URL up to the OS, allowing the JavaScript engine to handle the routing and update the UI properly. A real browser alse doesn’t lose a page’s state (like scroll position) when you switch tabs. And im trying to make a real browser. So, to achieve this, the browser engine now doesn’t share a single iframe but rather new ones get created: Every time the user clicks the “New Tab” button, a new node is generated and appended to the container. Switching tabs simply toggles the CSS display property between none and block. This keeps inactive pages fully loaded in memory. Because cross-origin security rules (the ones i mentioned before) lock us out of accessing the iframe’s native window.history object, I had to build a custom history router. Every tab object in the JS array maintains its own history array and a historyIndex pointer. The back/forward buttons just decrement or increment this pointer and re-apply the URL to the iframe. Kinda genius ngl (this was an idea from ai btw) But for a browser to be useful, it needs to have some proper webpages. After some scouring, i found some webpages that do work in iframe and dont have the restrictions that websites like google do. I’m not gonna tell you what websites those are, you just have to see yourself. I found like 10 or sth so there’ll be plenty of stuff to do. Other features of the browser include: bookmarking, reloading (i also added a reloading spinner btw) and some more stuff."}, {"post_id": 19207, "ts": "2026-06-30T14:00:14Z", "hours": 1.9208, "text": "WebOS 2 Devlog #6: UI, UX and functionality improvements This update focuses heavily on stabilizing what i already have and also refining the less finer aspects of the UI. Here is what i did: Theme improvenets: I overhauled the .theme-retro class. stuff were contradicting each other with one thing saying this and the other saying that (too many to even give an example). I also changed some other minor stuff too like increased the grid size in the desktop to prevent icons from overlapping. But this was the main change: System Security & Identity Manager: Implemented a global sanitizeIdentity utility (Regex: /[^a-zA-Z0-9_-]/g) to remove spaces and illegal characters from usernames and hostnames when the user sets it before writing to localStorage because if i have sth like ‘John Doe’ as the username and ‘my school computer’ as the host name, the terminal command would look sth like John Doe@my school computer. And this just looks hella ugly. Dedicated Identity UI: removed the raw identity inputs out of the Settings menu like i had before and moved them into a dedicated Identity Manager window because its more secure that way. I also added an authenticaiton wall before this window pops up. To do this, i wrote an async while loop for identity verification. All the users now have successfully pass the password prompt (or use the recover override to bypass the password) before it allows them to modify any identity settings. Bootloader improvements: btn-shutdown now properly halts system processes (clearing systemClockInterval and locking pointer events) instead of just hiding the UI like it did before where it just had like a black screen with text on it saying shutting down and stuff. It now has like a loading screen and all that stuff. Context Booting: i also implemented sessionStorage.setItem(‘boot_context’, ‘warm’) to track system restarts so different boots have like different bootloading sequences (the point below this). This didn’t take too long as i could just copy and past what i had in other sequenes and just take the text. Differnet Boot Sequences: The bootloader now reads the sessionStorage context. A Cold Boot triggers the full POST memory checks and hardware scans (dont know what this is. had to use ai for the sequences cus i didnt know what the data was). A Warm Boot (restart) bypasses POST and executes a different initialization sequence. THis makes the user more immersed in the environment."}, {"post_id": 18635, "ts": "2026-06-29T20:34:42Z", "hours": 3.7578, "text": "WebOS 2 Devlog #5: File manager overhaul + custom dialog box I realised that always having the custom browser alerts was kinda boring and interrupting so i made my own dialogue box. I also changed the file manager to include some essential functions that it was missing to make it more like an OS (see below). Here are the changes i made: I abandoned the old array-based folders. I made it so that it now reads and writes directly to localStorage using stricter pathing (e.g., webos-file-Root/Documents/file.txt). I also built a native getUniqueName() function. If you create a duplicate file or folder, there’s no like a (1), (2), etc. at the end of it, which prevents data overwrites. This makes it more like a real OS Drag-and-Drop: I alos removed the old custom JavaScript coordinate trackers for file movement. It now uses the native HTML5 Drag-and-Drop API. You can physically pick up a file from the Explorer window, drag it out, and drop it directly onto the visual Desktop wallpaper. Custom Dialog Box: Native browser popups (alert(), confirm()) look hella ugly and break the flow so i built a custom dialog engine using JavaScript Promises. Now, when the system needs confirmation a custom window that fits with the theme appears. Because it uses async/await, the JavaScript pauses and waits for user acceoting or declining without freezing the browser. List View & Item Properties: I introduced a hybrid Grid/List view (just like a real os like mac). Because tracking file metadata (like Date Modified) from the start would have been way to complicated, I just built this engine where when the File Explorer encounters a file without a timestamp, it instantly generates metadata key (os-meta-path) using Date.now() and saves it permanently, which means that it allows for Date sorting without breaking anything."}, {"post_id": 17638, "ts": "2026-06-28T14:55:23Z", "hours": 4.0281, "text": "WebOS 2 Devlog #4: Initial bootloading sequence + login (optional) When i looked at other projects i realised that they all have some kind of flashy bootloading sequences but mine didnt have any so i built one. I didn’t want it to be too flashy so i made a simple, straightforward sequence. I also knew what exactly I wanted so I managed to finish this in 4hrs on the dot or it would’ve taken a lot longer. This is what it consists of: Bootloader that takes into account the selected theme: Since I had two themes in my OS (Modern and Legacy), it didnt make sense for both to have the same loading screen. So the system now actually boots up differnetly before loading the UI. Depending on your settings, you’ll either get a quick Modern UEFI startup, or a 1995 Legacy BIOS sequence complete with memory checks, IDE drive detection, and ASCII loading bars (had to use some outside help [ai] for this one as I’m not that old to know all that stuff). Hardware Interrupts: Just like a real PC, if you hit esc while the system is booting, it triggers a hardware interrupt and drops you into a configuration screen. Interactive OS Installation: If it’s your first time booting up (or you reset your system), you now have to actually “install” the OS. You can type in your preferred Username, network Hostname, and set an Administrator Password right inside the terminal. You even get the option to format your virtual hard drive. Login: If you set a password (which is optoinal) during setup, the boot sequence will actually halt and lock the system until you type it in. (Don’t worry, I added a recover command bypass in case anyone forgets it). Terminal Integration: The CLI terminal now dynamically reads your setup data. Instead of a normal prompt that you used to get with the default user@stardance or sth, you’ll see your actual custom username@hostname:~/$. Loading text: as the os loads and goes through the bootloading sequence some highly advanced random computer text ‘loads’ to add a little bit to the realism. Some of them are actual data from the host computer such as ram, gpu, and stuff like that. I had lots of other text and loading content that came from the the user’s actual real life hardware and software data, which added to the realism I had to research and use ai to make this because I had no knowledge of how computers were back then. There’s more but it wont fit here so you’ll just have to see it when i host it after my next ship."}, {"post_id": 17451, "ts": "2026-06-28T07:29:09Z", "hours": 2.8478, "text": "WebOS 2 Devlog #3: Building a UNIX Terminal + some other improvements This was a major update today for WebOS 2.0 as i built a genuinely realistic CLI. It’s looks and acts like a Mac Terminal (cus i use mac). Here is what i implemented: In the terminal, i implemented the following commands: help, clear, pwd, ls, cd, cat, touch, mkdir, rm, echo, whoami, date, history, and nano. This part itseld wasnt so difficult cus I had previously done something similar before but it was still challenging nonetheless. I wanted the CLI to be as realistic as possible so I implemented (with a little bit of help from gemini) a custom AST-style parser. It fully supports logical command chaining (&&, ||, ;), quotation marks usage (both single and double), and file redirection (>, ») straight into the virtual hard drive. Autocomplete: This was probably the hardest thing i tried to build and i am happy with how it turned out. I implemented a zsh-style Tab completion system. Pressing Tab auto-fills the longest common prefix and then shows all the possible options directly beneath your active prompt. This is one of the things I a most proud of because after using it, it was essentially very similar to the mac Terminal. This autocomplete works both for commands and files/folders. Errors and stuff: The terminal behaves exactly like real bash. If you type ls -la (-la is not implemented [yet?]) or cd too many args, it won’t just blindly execute or fail silently (it originally did so i had to change it), but it will spit back the same error message you’d expect to see on a real machine. GUI/CLI Integration: When i was implementing nano, i tried to think of how to implement a CLI editor. But i then realised, i can just connect the nano command to the notepad that I alreadu made. So typing nano test.txt in the terminal now just launches the Notepad app and opens the file for editing. And I made some other changes to stuff like the file manager but the terminal implementation above is the biggest change."}, {"post_id": 16900, "ts": "2026-06-27T13:19:35Z", "hours": 1.9075, "text": "WebOS 2 Devlog #2: UI & UX Debugging + UI Improvements This was quite a short session mainly focused on debugging. Here are the changes for this session. New Setup Wizard: The Welcome Screen has been completely redesigned into a classic two-pane setup wizard. (In Retro mode, it even has the iconic sideways teal text on the sidebar). State Persistence: The OS now remembers your settings. Your preferences for military time, desktop icon labels, and whether you want to see the welcome screen on boot are all permanently saved to localStorage. Calculator & Layout Fixes: The calculator now properly displays full math expressions (e.g., 3 + 5) instead of instantly wiping the screen. Before it still worked but it just showed the numbers and the answer-it didnt show what the user was doing. I also fixed a ton of bugs. Apps that are maximized now perfectly snap to the taskbar without overlapping, and the File Explorer drag-to-select doesn’t glitch when you move the window because before the drag-to-select used to activate when i was dragging the window."}, {"post_id": 16391, "ts": "2026-06-26T17:48:49Z", "hours": 13.705, "text": "WebOS 2 Devlog #1: Transitioning into an actual OS. The WebOS 2 mission just unlocked so all the time before i spent working on this overhaul, hence the 13 hour devlog. In the last devlog, i had a very basic beginning: a basic onboarding screen with some text and a “Continue” button. There was no actualy proper desktop, not that many apps, and definitely no File Explorer. Over the last 13 hours, I managed to change the project into a fully functioning, browser-based operating system with its own virtual file system, and app ecosystem. Here is a breakdown of everything that was built in this time. Since i made a lot of changes, i’ll keep it brief and won’t go into it too much: The Window & Desktop Engine: the core physics of the OS were built completely from scratch. Drag and Drop: Windows can be dragged freely but are strictly clamped to the viewport so they can never be lost off-screen. Window Controls: remade the full Minimize, Maximize, and Close logic. Animations: Implemented a requestAnimationFrame state machine so windows don’t just appear—they like animate and scale and fade out into the taskbar. Desktop Grid: Desktop icons are draggable and auto-snap to an invisible grid when released. File System (File Manager): Going from zero file management to a complete virtual system was perhaps the biggest change. It is powered by localStorage, and the OS now remembers everything: Dynamic File Explorer: Built a grid/list view system complete with a sidebar, path breadcrumbs, and directory navigation. Context Menus: Right-clicking files now opens custom context menus to rename, delete, or restore items. Recycle Bin: Files are moved to a functional Trash directory where they can be permanently emptied or restored to the Root folder. Drag-and-Select: made a custom mouse-drag selection box (the translucent pink lasso) to highlight multiple files at once. App Ecosystem: Themes: I built a dynamic theme engine with two main themes. Modern Dark: The default OS features premium glassmorphism, background blurs, and other stuff, and has like a pink accent color. Retro: It changes the OS back to what it looked like in like 1995 by replacing animations and toggles with grey borders, checkboxes, and the blue desktop background. The New Welcome Screen: That old, basic onboarding screen looked ass so it was completely scrapped. I replaced it with a better and cleaner on that also remembers their preference if they check “Don’t show this on startup.”"}, {"post_id": 8031, "ts": "2026-06-13T12:06:02Z", "hours": 0.6592, "text": "Devlog #3: Onboarding and Eliminating FOUC Before shipping the WebOS 1 project and moving on to WebOS 2 project, I needed to implement an Onboarding/Welcome Screen to introduce users to the OS environment. This required a full-screen dark overlay. this is what i did: Z-index mismatch Because my custom Drag Engine automatically increments the zIndex of any .window it touches, the moment I clicked the Welcome Screen, the engine overwrote its god-tier Z-Index (99999). This caused an immediate Z-Index collapse, burying the modal underneath the desktop icons and the dark overlay. The Fix: I had to implement a strict exception in the JavaScript mousedown event listener to protect the Welcome Screen’s ID from being overwritten. DOM Reordering: To guarantee that the Welcome Screen will be at the very top,, I moved the Welcome Screen to the absolute bottom of the document. This means it will naturally sit on top of the other elements. Eliminating the FOUC I used the localStorage API so users could check a “Don’t show this again” box, saving their preference to the hard drive. However, this caused a massive FOUC bug. The Problem: HTML renders faster than JavaScript executes. On boot, the browser would instantly paint the Welcome Screen to the monitor. A few milliseconds later, JavaScript would read the hard drive, realize the user disabled the screen, and violently delete it—causing an ugly flicker. Fix: I basically just inverted the rendering logic. I hardcoded ‘display: none;’ directly into the HTML so the modal is completely invisible by default. Now, the browser paints nothing. JavaScript checks the hard drive, and only turns the welcome screen on if it confirms the user actually wants to see it. Now it’s much better. Ig this is the end of my WebOS 1 project. I will be shipping this project and then moving on to WebOS 2 where I’ll be implementing File Management, In-browser-browser?, and maybe some other built in tools. That’s the plan for now."}, {"post_id": 8007, "ts": "2026-06-13T11:10:55Z", "hours": 0.6994, "text": "Devlog #2: Debugging + Icon dragging features + localStorage implementation The core window manager is working properly so this second session was all about polishing the UI and UX aspects. But there were some challenges: The faulty dragging I transitioned the desktop icons from a static flexbox grid to absolute positioning so they could be freely dragged around the screen (like an actual operating system). However, this immediately triggered native browser collisions. The Problem: When clicking and dragging an icon, the browser saw the action as trying to highlight text or drag an image to a new tab. This triggered a native HTML “ghost drag,” completely overriding my custom JavaScript drag engine and leaving the icon permanently stuck to the cursor. The Solution: I just basically implemented multiple stuff to solve this: Applied ‘-webkit-user-select: none’ and ‘user-select: none’ to prevent highlighting. Injected ‘draggable=“false”’ natively into the HTML. Applied ‘pointer-events: none’ on the inner emoji and label text. This forces the mouse click to pass through the text and hit the icon container directly, ensuring my custom e.preventDefault() mousedown event works properly every time. State Persistence (The Local Storage API) An OS is useless if it resets every time you turn it on. I wired up the browser’s native localStorage API so it saves some of the stuff that the user did. So far it’s only the position of the icons, but I’m planning to add more stuff to the localStorage. Here are the changes: Upgraded the mouseup event listener to capture the exact X and Y coordinates of an icon the moment it is let go after dragging. Built a boot sequence that loops through .desktop-icon elements on page load, fetches their saved coordinates , and implementes them. Wallpaper changing bug The NASA API integration was fetching data successfully, but massive high-res images were causing visual lag, leading to a blank blue screen while the image downloaded in the background. Made a new thing where the newImage() is inserted into the virtual memory of the js. The UI now triggers a document.body.style.cursor = ‘wait’ loading wheel and displays a “Downloading…” status. JavaScript intentionally halts the DOM update until the virtual image’s ‘.onload’ event fires, ensuring the wallpaper only gets applied to the screen exactly when it is 100% ready. Lastly, I also added a setting in the settings tab where the user can choose if the icon labels are hidded or shown. What’s Next? The desktop environment is now completely stable, personalized, and persistent. Next up: More UI and UX refinements before shipping for WebOS 1. Gonna implement File Management for WebOS 2 :)"}, {"post_id": 7644, "ts": "2026-06-12T19:27:06Z", "hours": 5.5711, "text": "Devlog #1: Booting Up - Building a Custom Window Manager & Desktop Environment from Scratch Today marks the official first boot of my WebOS project. I’m trying to build a full OS that runs in the Web Browser directly using HTML, CSS, and Vanilla JavaScript. It acts like an actual operating system, like windows for example, but the only difference is the way it looks, it’s identity and that it runs in your web browser. Over the past few hours, I changed the project from a static layout into a fully interactive environment. Here is a breakdown of the core engine and features that I currently built. The Custom Window Manager The hardest part of making an OS is handling window states. I built a universal Drag-and-Drop engine with dynamic Z-Index management. The Problem: Windows would get stuck behind each other, or the browser would lose track of the mouse if the user dragged too fast or threw the window off-screen, so i wouldn’t be able to drag it back. The Solution: I implemented an event elegation system attached to the document root, calculating mouse offsets relative to the title bars. This means wherever the mouse moves, the title bars move to keep that offset difference the same, which is essentially what the drag and drop function is. I also engineered physical constraints so windows can never be dragged out of the viewport. The Desktop Environment To not make seem like this is just a website, I completely changed the browser’s default behavior. I Implemented double-click event listeners for desktop icons and then overrode the native browser right-click menu ( e.preventDefault() ) and built a custom OS context menu this makes it feel more unique. Core Applications Notepad: A fully resizable text editor using CSS flexbox so the typing area automatically expands with the window. Calculator: Quite self-explanatory. Engineered the math logic from scratch. Settings (NASA API): Built a customization menu that toggles a global 12hr/24hr clock state, and fetches real-time data from NASA’s APOD API to dynamically change the desktop wallpaper based on the NASA Picture of the Day. What’s Next? The UI feels like an OS, but it lacks permanence. Next on the roadmap: File Management. I’ll be engineering a system to actually save the data typed into the Notepad so it survives page refreshes. Also, I want to create a web browser with actual internet access to really bring that OS feeling. That’s all I have planned out. p.s. I’ve attached some pictures of my website below - hope you like it :) Stay tuned."}]...
|
Title: EpochOS by @Mokila | Stardance
Devlogs:
De Title: EpochOS by @Mokila | Stardance
Devlogs:
Devlog #1: Booting Up - Building a Custom Window Manager & Desktop Environment from Scratch Today marks the official first boot of my WebOS project. I’m trying to build a full OS that runs in the Web Browser directly using HTML, CSS, and Vanilla JavaScript. It acts like an actual operating system, like windows for example, but the only difference is the way it looks, it’s identity and that it runs in your web browser. Over the past few hours, I changed the project from a static layout into a fully interactive environment. Here is a breakdown of the core engine and features that I currently built. The Custom Window Manager The hardest part of making an OS is handling window states. I built a universal Drag-and-Drop engine with dynamic Z-Index management. The Problem: Windows would get stuck behind each other, or the browser would lose track of the mouse if the user dragged too fast or threw the window off-screen, so i wouldn’t be able to drag it back. The Solution: I implemented an event elegation system attached to the document root, calculating mouse offsets relative to the title bars. This means wherever the mouse moves, the title bars move to keep that offset difference the same, which is essentially what the drag and drop function is. I also engineered physical constraints so windows can never be dragged out of the viewport. The Desktop Environment To not make seem like this is just a website, I completely changed the browser’s default behavior. I Implemented double-click event listeners for desktop icons and then overrode the native browser right-click menu ( e.preventDefault() ) and built a custom OS context menu this makes it feel more unique. Core Applications Notepad: A fully resizable text editor using CSS flexbox so the typing area automatically expands with the window. Calculator: Quite self-explanatory. Engineered the math logic from scratch. Settings (NASA API): Built a customization menu that toggles a global 12hr/24hr clock state, and fetches real-time data from NASA’s APOD API to dynamically change the desktop wallpaper based on the NASA Picture of the Day. What’s Next? The UI feels like an OS, but it lacks permanence. Next on the roadmap: File Management. I’ll be engineering a system to actually save the data typed into the Notepad so it survives page refreshes. Also, I want to create a web browser with actual internet access to really bring that OS feeling. That’s all I have planned out. p.s. I’ve attached some pictures of my website below - hope you like it :) Stay tuned.
Devlog #2: Debugging + Icon dragging features + localStorage implementation The core window manager is working properly so this second session was all about polishing the UI and UX aspects. But there were some challenges: The faulty dragging I transitioned the desktop icons from a static flexbox grid to absolute positioning so they could be freely dragged around the screen (like an actual operating system). However, this immediately triggered native browser collisions. The Problem: When clicking and dragging an icon, the browser saw the action as trying to highlight text or drag an image to a new tab. This triggered a native HTML “ghost drag,” completely overriding my custom JavaScript drag engine and leaving the icon permanently stuck to the cursor. The Solution: I just basically implemented multiple stuff to solve this: Applied ‘-webkit-user-select: none’ and ‘user-select: none’ to prevent highlighting. Injected ‘draggable=“false”’ natively into the HTML. Applied ‘pointer-events: none’ on the inner emoji and label text. This forces the mouse click to pass through the text and hit the icon container directly, ensuring my custom e.preventDefault() mousedown event works properly every time. State Persistence (The Local Storage API) An OS is useless if it resets every time you turn it on. I wired up the browser’s native localStorage API so it saves some of the stuff that the user did. So far it’s only the position of the icons, but I’m planning to add more stuff to the localStorage. Here are the changes: Upgraded the mouseup event listener to capture the exact X and Y coordinates of an icon the moment it is let go after dragging. Built a boot sequence that loops through .desktop-icon elements on page load, fetches their saved coordinates , and implementes them. Wallpaper changing bug The NASA API integration was fetching data successfully, but massive high-res images were causing visual lag, leading to a blank blue screen while the image downloaded in the background. Made a new thing where the newImage() is inserted into the virtual memory of the js. The UI now triggers a document.body.style.cursor = ‘wait’ loading wheel and displays a “Downloading…” status. JavaScript intentionally halts the DOM update until the virtual image’s ‘.onload’ event fires, ensuring the wallpaper only gets applied to the screen exactly when it is 100% ready. Lastly, I also added a setting in the settings tab where the user can choose if the icon labels are hidded or shown. What’s Next? The desktop environment is now completely stable, personalized, and persistent. Next up: More UI and UX refinements before shipping for WebOS 1. Gonna implement File Management for WebOS 2 :)
Devlog #3: Onboarding and Eliminating FOUC Before shipping the WebOS 1 project and moving on to WebOS 2 project, I needed to implement an Onboarding/Welcome Screen to introduce users to the OS environment. This required a full-screen dark overlay. this is what i did: Z-index mismatch Because my custom Drag Engine automatically increments the zIndex of any .window it touches, the moment I clicked the Welcome Screen, the engine overwrote its god-tier Z-Index (99999). This caused an immediate Z-Index collapse, burying the modal underneath the desktop icons and the dark overlay. The Fix: I had to implement a strict exception in the JavaScript mousedown event listener to protect the Welcome Screen’s ID from being overwritten. DOM Reordering: To guarantee that the Welcome Screen will be at the very top,, I moved the Welcome Screen to the absolute bottom of the document. This means it will naturally sit on top of the other elements. Eliminating the FOUC I used the localStorage API so users could check a “Don’t show this again” box, saving their preference to the hard drive. However, this caused a massive FOUC bug. The Problem: HTML renders faster than JavaScript executes. On boot, the browser would instantly paint the Welcome Screen to the monitor. A few milliseconds later, JavaScript would read the hard drive, realize the user disabled the screen, and violently delete it—causing an ugly flicker. Fix: I basically just inverted the rendering logic. I hardcoded ‘display: none;’ directly into the HTML so the modal is completely invisible by default. Now, the browser paints nothing. JavaScript checks the hard drive, and only turns the welcome screen on if it confirms the user actually wants to see it. Now it’s much better. Ig this is the end of my WebOS 1 project. I will be shipping this project and then moving on to WebOS 2 where I’ll be implementing File Management, In-browser-browser?, and maybe some other built in tools. That’s the plan for now.
WebOS 2 Devlog #1: Transitioning into an actual OS. The WebOS 2 mission just unlocked so all the time before i spent working on this overhaul, hence the 13 hour devlog. In the last devlog, i had a very basic beginning: a basic onboarding screen with some text and a “Continue” button. There was no actualy proper desktop, not that many apps, and definitely no File Explorer. Over the last 13 hours, I managed to change the project into a fully functioning, browser-based operating system with its own virtual file system, and app ecosystem. Here is a breakdown of everything that was built in this time. Since i made a lot of changes, i’ll keep it brief and won’t go into it too much: The Window & Desktop Engine: the core physics of the OS were built completely from scratch. Drag and Drop: Windows can be dragged freely but are strictly clamped to the viewport so they can never be lost off-screen. Window Controls: remade the full Minimize, Maximize, and Close logic. Animations: Implemented a requestAnimationFrame state machine so windows don’t just appear—they like animate and scale and fade out into the taskbar. Desktop Grid: Desktop icons are draggable and auto-snap to an invisible grid when released. File System (File Manager): Going from zero file management to a complete virtual system was perhaps the biggest change. It is powered by localStorage, and the OS now remembers everything: Dynamic File Explorer: Built a grid/list view system complete with a sidebar, path breadcrumbs, and directory navigation. Context Menus: Right-clicking files now opens custom context menus to rename, delete, or restore items. Recycle Bin: Files are moved to a functional Trash directory where they can be permanently emptied or restored to the Root folder. Drag-and-Select: made a custom mouse-drag selection box (the translucent pink lasso) to highlight multiple files at once. App Ecosystem: Themes: I built a dynamic theme engine with two main themes. Modern Dark: The default OS features premium glassmorphism, background blurs, and other stuff, and has like a pink accent color. Retro: It changes the OS back to what it looked like in like 1995 by replacing animations and toggles with grey borders, checkboxes, and the blue desktop background. The New Welcome Screen: That old, basic onboarding screen looked ass so it was completely scrapped. I replaced it with a better and cleaner on that also remembers their preference if they check “Don’t show this on startup.”
WebOS 2 Devlog #2: UI & UX Debugging + UI Improvements This was quite a short session mainly focused on debugging. Here are the changes for this session. New Setup Wizard: The Welcome Screen has been completely redesigned into a classic two-pane setup wizard. (In Retro mode, it even has the iconic sideways teal text on the sidebar). State Persistence: The OS now remembers your settings. Your preferences for military time, desktop icon labels, and whether you want to see the welcome screen on boot are all permanently saved to localStorage. Calculator & Layout Fixes: The calculator now properly displays full math expressions (e.g., 3 + 5) instead of instantly wiping the screen. Before it still worked but it just showed the numbers and the answer-it didnt show what the user was doing. I also fixed a ton of bugs. Apps that are maximized now perfectly snap to the taskbar without overlapping, and the File Explorer drag-to-select doesn’t glitch when you move the window because before the drag-to-select used to activate when i was dragging the window.
WebOS 2 Devlog #3: Building a UNIX Terminal + some other improvements This was a major update today for WebOS 2.0 as i built a genuinely realistic CLI. It’s looks and acts like a Mac Terminal (cus i use mac). Here is what i implemented: In the terminal, i implemented the following commands: help, clear, pwd, ls, cd, cat, touch, mkdir, rm, echo, whoami, date, history, and nano. This part itseld wasnt so difficult cus I had previously done something similar before but it was still challenging nonetheless. I wanted the CLI to be as realistic as possible so I implemented (with a little bit of help from gemini) a custom AST-style parser. It fully supports logical command chaining (&&, ||, ;), quotation marks usage (both single and double), and file redirection (>, ») straight into the virtual hard drive. Autocomplete: This was probably the hardest thing i tried to build and i am happy with how it turned out. I implemented a zsh-style Tab completion system. Pressing Tab auto-fills the longest common prefix and then shows all the possible options directly beneath your active prompt. This is one of the things I a most proud of because after using it, it was essentially very similar to the mac Terminal. This autocomplete works both for commands and files/folders. Errors and stuff: The terminal behaves exactly like real bash. If you type ls -la (-la is not implemented [yet?]) or cd too many args, it won’t just blindly execute or fail silently (it originally did so i had to change it), but it will spit back the same error message you’d expect to see on a real machine. GUI/CLI Integration: When i was implementing nano, i tried to think of how to implement a CLI editor. But i then realised, i can just connect the nano command to the notepad that I alreadu made. So typing nano test.txt in the terminal now just launches the Notepad app and opens the file for editing. And I made some other changes to stuff like the file manager but the terminal implementation above is the biggest change.
WebOS 2 Devlog #4: Initial bootloading sequence + login (optional) When i looked at other projects i realised that they all have some kind of flashy bootloading sequences but mine didnt have any so i built one. I didn’t want it to be too flashy so i made a simple, straightforward sequence. I also knew what exactly I wanted so I managed to finish this in 4hrs on the dot or it would’ve taken a lot longer. This is what it consists of: Bootloader that takes into account the selected theme: Since I had two themes in my OS (Modern and Legacy), it didnt make sense for both to have the same loading screen. So the system now actually boots up differnetly before loading the UI. Depending on your settings, you’ll either get a quick Modern UEFI startup, or a 1995 Legacy BIOS sequence complete with memory checks, IDE drive detection, and ASCII loading bars (had to use some outside help [ai] for this one as I’m not that old to know all that stuff). Hardware Interrupts: Just like a real PC, if you hit esc while the system is booting, it triggers a hardware interrupt and drops you into a configuration screen. Interactive OS Installation: If it’s your first time booting up (or you reset your system), you now have to actually “install” the OS. You can type in your preferred Username, network Hostname, and set an Administrator Password right inside the terminal. You even get the option to format your virtual hard drive. Login: If you set a password (which is optoinal) during setup, the boot sequence will actually halt and lock the system until you type it in. (Don’t worry, I added a recover command bypass in case anyone forgets it). Terminal Integration: The CLI terminal now dynamically reads your setup data. Instead of a normal prompt that you used to get with the default user@stardance or sth, you’ll see your actual custom username@hostname:~/$. Loading text: as the os loads and goes through the bootloading sequence some highly advanced random computer text ‘loads’ to add a little bit to the realism. Some of them are actual data from the host computer such as ram, gpu, and stuff like that. I had lots of other text and loading content that came from the the user’s actual real life hardware and software data, which added to the realism I had to research and use ai to make this because I had no knowledge of how computers were back then. There’s more but it wont fit here so you’ll just have to see it when i host it after my next ship.
WebOS 2 Devlog #5: File manager overhaul + custom dialog box I realised that always having the custom browser alerts was kinda boring and interrupting so i made my own dialogue box. I also changed the file manager to include some essential functions that it was missing to make it more like an OS (see below). Here are the changes i made: I abandoned the old array-based folders. I made it so that it now reads and writes directly to localStorage using stricter pathing (e.g., webos-file-Root/Documents/file.txt). I also built a native getUniqueName() function. If you create a duplicate file or folder, there’s no like a (1), (2), etc. at the end of it, which prevents data overwrites. This makes it more like a real OS Drag-and-Drop: I alos removed the old custom JavaScript coordinate trackers for file movement. It now uses the native HTML5 Drag-and-Drop API. You can physically pick up a file from the Explorer window, drag it out, and drop it directly onto the visual Desktop wallpaper. Custom Dialog Box: Native browser popups (alert(), confirm()) look hella ugly and break the flow so i built a custom dialog engine using JavaScript Promises. Now, when the system needs confirmation a custom window that fits with the theme appears. Because it uses async/await, the JavaScript pauses and waits for user acceoting or declining without freezing the browser. List View & Item Properties: I introduced a hybrid Grid/List view (just like a real os like mac). Because tracking file metadata (like Date Modified) from the start would have been way to complicated, I just built this engine where when the File Explorer encounters a file without a timestamp, it instantly generates metadata key (os-meta-path) using Date.now() and saves it permanently, which means that it allows for Date sorting without breaking anything.
WebOS 2 Devlog #6: UI, UX and functionality improvements This update focuses heavily on stabilizing what i already have and also refining the less finer aspects of the UI. Here is what i did: Theme improvenets: I overhauled the .theme-retro class. stuff were contradicting each other with one thing saying this and the other saying that (too many to even give an example). I also changed some other minor stuff too like increased the grid size in the desktop to prevent icons from overlapping. But this was the main change: System Security & Identity Manager: Implemented a global sanitizeIdentity utility (Regex: /[^a-zA-Z0-9_-]/g) to remove spaces and illegal characters from usernames and hostnames when the user sets it before writing to localStorage because if i have sth like ‘John Doe’ as the username and ‘my school computer’ as the host name, the terminal command would look sth like John Doe@my school computer. And this just looks hella ugly. Dedicated Identity UI: removed the raw identity inputs out of the Settings menu like i had before and moved them into a dedicated Identity Manager window because its more secure that way. I also added an authenticaiton wall before this window pops up. To do this, i wrote an async while loop for identity verification. All the users now have successfully pass the password prompt (or use the recover override to bypass the password) before it allows them to modify any identity settings. Bootloader improvements: btn-shutdown now properly halts system processes (clearing systemClockInterval and locking pointer events) instead of just hiding the UI like it did before where it just had like a black screen with text on it saying shutting down and stuff. It now has like a loading screen and all that stuff. Context Booting: i also implemented sessionStorage.setItem(‘boot_context’, ‘warm’) to track system restarts so different boots have like different bootloading sequences (the point below this). This didn’t take too long as i could just copy and past what i had in other sequenes and just take the text. Differnet Boot Sequences: The bootloader now reads the sessionStorage context. A Cold Boot triggers the full POST memory checks and hardware scans (dont know what this is. had to use ai for the sequences cus i didnt know what the data was). A Warm Boot (restart) bypasses POST and executes a different initialization sequence. THis makes the user more immersed in the environment.
WebOS 2 Devlog #7: Web Browser Implementation I reached the final couple of phases of my project and this is one is one of the crucial ones: building a web browser. My plan was to use iframe. But the thing about building a webbrowser inside a webbrowser or inside a sandboxed environment like a website is most websites (about 99%) like google, youtube, or github use X-Frame-Options and Content-Security-Policy: frame-ancestors ‘none’ which means they specifically block their websites from being displayed in cases like this ot prevent clickjacking. So every time i tried loading a webpage, it just says this webpage refused to connect or sth. I used ai to try bypassing it but it didnt work, so with the help of the same aforementioned ai, i implemented a solution. The solution: Since I cannot disable host browser security policies, and i dont have a backend proxy server, I had an idea to just build my own native ‘browser’: EpochOS IntraNet (just decided on the name EpochOS btw). This didnt take too long cus i had someone (ai) helping me cus it was almost midnight and i was tired as hell. Here are the features: I wrote a parser that intercepts navigation requests. If the user navigates to webos://home or webos://directory, the engine injects a large data:text/html;charset=utf-8 string directly into the iframe’s src attribute. This opens a local, HTML dashboard without triggering cross-origin blocks. Essentially, i wrote html in js and injected that html into the iframe src, so i essentially made my own ‘web-page’. Standard links inside a data URI iframe will try to navigate the iframe itself, which doesn’t update the OS address bar. To fix this, I set up a window.addEventListener(‘message’) listener on the parent OS. The buttons inside the iframe use parent.postMessage() to pass the target URL up to the OS, allowing the JavaScript engine to handle the routing and update the UI properly. A real browser alse doesn’t lose a page’s state (like scroll position) when you switch tabs. And im trying to make a real browser. So, to achieve this, the browser engine now doesn’t share a single iframe but rather new ones get created: Every time the user clicks the “New Tab” button, a new node is generated and appended to the container. Switching tabs simply toggles the CSS display property between none and block. This keeps inactive pages fully loaded in memory. Because cross-origin security rules (the ones i mentioned before) lock us out of accessing the iframe’s native window.history object, I had to build a custom history router. Every tab object in the JS array maintains its own history array and a historyIndex pointer. The back/forward buttons just decrement or increment this pointer and re-apply the URL to the iframe. Kinda genius ngl (this was an idea from ai btw) But for a browser to be useful, it needs to have some proper webpages. After some scouring, i found some webpages that do work in iframe and dont have the restrictions that websites like google do. I’m not gonna tell you what websites those are, you just have to see yourself. I found like 10 or sth so there’ll be plenty of stuff to do. Other features of the browser include: bookmarking, reloading (i also added a reloading spinner btw) and some more stuff.
WebOS 2 Devlog #8: Migrated to ES6 arch. and split css into any files I just realised that essentially all my code is squished into three files-index.html, index.css, and index.js. And all of them were quite big. Like the js file had more than 2,000 lines, and css had more than a 1,000 lines. I dont know why i havent noticed it before but im glad that i did now because i was plannign to do a deep debugging session next and it wouldve been hella hard to do in a 2000+ line file. Plus, a single bug in e.g. the calculator could crash the file manager, and debugging required scrolling through thousands of lines of code. So, i decided to migrate the index.js into an ES6 architecture and split the index.css into multiple manageable files. That’s all i can say for this devlog ig. There was nothing new except some lines of code i had to add after the migration to make sure everything is working. There were no really new features added. But there were many things that delayed me: i accidentally deleted a block of code in the index.css without moving it and didnt notice it so some styles were broken and i had to like retrace my steps and stuff to fix all the problems it caused. That’s all ig. The project is almost coming to an end! Can’t wait to ship it :)
WebOS 2 Devlog #9: Implemented color accents and some browser improvements I was originally going to do some debugging and finish of this project but i was looking through other peoples’ webos projects and realised there was much i could improve. I then got like a huge brainwave about new stuff to implement so ig it’ll be a bit longer before I ship this project. One of these ideas was adding color accents because right now my modern theme is limited only to a light pinkish color. Here are the changes i made: Change 1: Accents In the settings screen, i added an option to choose the system accents. I also gave some basic presets and added an option to pick a color by adding a color picker option. Implementing this was quite simple, just replace all hardcoded pink colors with –os-accent (which i added in css). I linked htis –os-accents attribute/class to the color that the user chooses in js and made ti that all the places where the accent pops up, the color variable there is replaced with –os-accents. So if the user changes the accent in settings, the places where –os-accent is set changes color automatically. Challenge 1: Contrasting invisible text The problem: Swapping a single hex code for an accent color that the user chooses breaks all translucent UI elements (like shadows). Furthermore, if a user picks a bright color (like Mint Green or Yellow), the hardcoded white text on the title bars becomes completely invisible. The Solution: I implemented a Hex-to-RGB engine that injects raw RGB values directly into the CSS :root. This solves the first part of the problem. To solve the text contrast issue, I implemented the WCAG Relative Luminance algorithm ( used a bit of outside help here iykwim ;)). The OS now mathematically calculates the perceived brightness of the user’s chosen color. If the relative luminance passes a threshold of 0.179, the OS flips the title bar text to pitch black so its legible comfortable. Change 2: i was just playing around in the webbrowser and exploring, and i found some stuff that needed to be fixed: when building a simulated web browser using tags, embedding sites like google resulted in a “Refused to Connect” error. These servers send an X-Frame-Options: DENY header. Because client-side JavaScript is legally blind to server headers, the OS couldn’t detect the block to show the custom error screen I made. I knew this error existed and knew this was a thing but only after experiencing it like a real user did i realise how annoyinf this was and it made my os seem broken. Solution 1 (attempt): I initially tried routing requests through a third-party API to read the headers, but ad-blockers and privacy shields just made the API requests not work, crashing the entire browser app (at least thats what i think is the cause). The Solution: I used a massive Regex blocklist, such that the browser now instantly intercepts requests to 99% of top-tier websites that block iframes (like youtube or google), and routs the user to a custom error page. (did these stuff with the help of some ai only) Next Problem: When a user searches Google inside the iframe and clicks a link in the embedded page, the OS address bar wouldn’t update. This is a browser restriction. Browsers mathematically lock JavaScript out of reading cross-origin URLs for security reasons. At this point i just stopped instead of trying to waste my time trying to break through some military grade (i think?) restrictions. Change 3: Before, only iframe compatible websites worked but i had an idea to route all queries (except the ones in websites format) through a google search. Apparently, google.com doesn work in iframe but the google search works. So now if i type hello world, it just redirects me to a google search page with hello world searched. P.S. I made some other tiny changes aswell but i cant rlly remember them now sry
WebOS 2 Devlog #10: icon implementation + taskbar remodeling When i looked at the webos, i realised it missed something to look like an actual os. It wasnt realistic enough. So, i decided to do two changes to make it more realistic. Here is what it did: Change 1: I added some real user data in the taskbar. More specifically, the host device’s actual network and battery status and date. I used the the browser’s native navigator.onLine and the navigator.getBattery() APIs. I also made it such that the os actively listens for network connection drops such as when wifi is disconnected and battery charging/level events, and updates the data accordingly. Change 2: I also noticed that my entire os is filled with emojis for stuff like calculator, file manages (all the apps essentially), the taskbar, the browser, the sites in the browser, etc. THis made it look really unprofessional so i fixed it. I replace all system emojis with Google Material Symbols to make it look a lot better. I did face one challenge however, the emojis in my website in my web browser weren’t being replaced by icons for some reason and I then realised that the iframe sites acts as a sandbox and they dont inherit the imported apis from the main html file. So I just injected a tag and imported the Google Material Symbols API directly in the isolated HTML code in my js file. Change 3: The goal of this change was ot allow the user to snap the taskbar to the top of the screen (Linux style). This was the part that took longer than expected. I originally just added an optoin in the settings to move my taskbar to the top of the screen but the pill-like, floating taskbar i had was really ugly when it was at the top. So, i spent like more than an hour and half trying out new designs and redesigning the taskbar so it looks good both when its at the top and the bottom and finalised a design that actually looks much better than what i had before. It now takes up like the entire bottom/top of the screen instead of floating in the middle liek before. That was all the changes made since the last devlog.
WebOS 2 Devlog #11: Reset btn + Notepad IDE + other changes This was a long long coding session. Had to stay awake till like 2am. Here are the changes i made. Ill try to keep everythign concise because theres a 4000 char limit and i have lot more to say than that. Change 1: I added a factory reset button in settings that directs the user to the webos setup screen like the one they get when they first enter the website. When testing this feature, i realised that random variables from completely different web projects started appearing in the File Manager. Because browsers share localStorage databases across the same local port (e.g., 127.0.0.1:5500), the OS was inheriting the ghosts of old projects. The solution: I had to upgrade the Initial Setup Utility. When formatting the Virtual Hard Drive, the system now temporarily caches the user’s OS credentials in memory that they entered, executes a total localStorage.clear() wipe to delete all the localStorage varialbles, and then safely restores the username and stuff before continuing normally. Change 2: Notepad IDE This was the part that took the longest (and its still not done). I wanted to create something absolutely unique that i havent seen in any other webos projects that i saw. And i realised, why dont i make an IDE in me webos? Not an actual IDE ofc but the goal was to allow users to write raw HTML/JS in the Notepad, save it as a .app file, and double-click it on the desktop to launch it as a fully functioning, program. Attempt 1 (Failure): I initially tried parsing the saved text and running it directly in the OS context using eval(). It was an absolute security and stability nightmare. The custom app had root access to the OS memory and instantly overwrote the osState object, completely crashing the Window Manager within seconds. Attempt 2 (Failure): I tried fixing attempt 1 but messed up the entire code in the process so i had to revert to that commit and this time, i tried putting the apps in Web Components and the Shadow DOM. While this successfully isolated the CSS so custom apps didn’t break the OS styling, the JavaScript still executed in the global window scope. Running two different custom apps simultaneously caused variable collisions that bricked the taskbar. It was too complex and fundamentally flawed. I wiped the slate clean again. Attempt 3 (Success): I realised that the answer was looking straignt at me. I was so stupid. I can just take the code and slap it on to an iframe, and it runs it, just like how i made the web browser. The solution was that When a user double-clicks a custom .app, the OS takes the raw code and converts it into a text/html Blob. It then passes that Blob through URL.createObjectURL(), creating a localized URL. By feeding that URL into an , the custom app boots perfectly. I am really proud of this feature. It’s still not fully done but i had to make a devlog since the tracked time almost reached 10hrs.
WebOS 2 Devlog #12: Debugging Session + retro theme redesign In this session I started debugging the os and wow i found a lot of bugs. Im not going to get into them because it would take too long but some of them include how the bootloading sequence absolutely breaks if the user presses escape before the setup is finished because the cache isnt cleared properly so when the user gets the setup agian, he wont we able to configure some stuff like the password because the cache wasnt cleared properly. I also redesigned the retro theme because it looked ugly because the accents i implemented in the modern theme appeared in the retro theme which didnt fit together. Moreover, some of the aspects of the retro theme, such as the top part of the web browser or the settings screen were just uncomfortable to look at. Changing the retro theme was such a pain because everytime i thought i fixed it, a new discrepancy appears and at one point after i fixed it, my retro-theme.css was so messy i couldnt be bothered to fix it so i just inputted the messy working version into gemini and it cleaned it up. Anyway that was all i changed this time. And I did more and more changes but many of them are small and it would take too long to explain in a devlog. p.s. didnt know which pic to attach so its just a simple screenshot of the desktop.
WebOS 2 Devlog #13: Easter Eggs Pt. 1 I was looking forward to this a looooot. I’m not giving any spoilers whatsoever but I was so locked in tday and yesterday coding easter eggs into the OS. I added like 2 easter eggs (might seem less but trust me they’re very developed), one’s a very simple one but the other one is my favourite and is the reason this devlog took so long. It’s still not finished and im only lik halfway done w/ it but I’m not going to go into any details because it will spoil the fun but im sure you’ll enjoy it. Also, im not done with making easter eggs and i just made this devlog cus the time is almost 10hrs. I still have to finish the second easter egg and do more on top of that. The next one will hopefully be the final easter egg session (unless i get another absolute brainwave). p.s to prevent spoilers, the attached pic is just a screenshot once again
WebOS 2 Devlog #14: Easter Eggs Pt. 2 I am now done with making the easter eggs and in total i made 5 of them, which may seem less but some of them are really really complex and developed. I stayed up till 2am making these 😭. Out of these 5, three of them are simple easter eggs, one is more complex but still quite simple and the final one is essentialyl the absolut highlight. It is the reason why the easter egg section took me so long. I am not going to go into detail to avoid spoilers. Anyway i hope you have fun with the easter eggs :) p.s the attached pic is a screen shot again cus i dont want to give spoilers
WebOS 2 Devlog #15: System Daemon implementation To keep the users more engaged so even when they saw everythign, they would still spend more time doing stuff, I wanted to build something alive for the desktop environment that would interact with the user. So, instead of a standard app, I built a system daemon! If you dont know what that is, it is a digital pet that hangs out on your desktop and does random stuff. I dont hav ea name for him yet so ill just call him daemon for now. When he’s healthy, he flies around the screen and shouts random stuff at you. But I didn’t want him to just be a visual gimmick. He interacts with the actual operating system itself and has states: He is hungry: Because I previously built a drag-and-drop system for the File Explorer, I hooked him into it. You can drag actual text files or folders out of your explorer and drop them on his face. He will chew them up and literally delete them from the virtual hard drive (localStorage). He has a digestive tract: I built a array for his stomach that records what he has last eaten. If he ate a file you actually needed, you can rapid-click his face 5 times. He will regurgitate the raw file data perfectly back onto your desktop. He has boundaries: I ‘taught’ him to recognize core OS files. If you try to feed him Notepad.app or the System Settings, he will violently reject them and yell at you. He has one more state but that relates to the easter egg so i wont provide any additional details in order to not spoil it Oh, and i changed his appearance for the retro theme. anywhat that’s all for this change. I didn’t get into the nitty gritty of how I built him because I am so excited to finish this project. Just a few more features and then I’m done.
WebOS 2 Devlog #16: Widget implementation + debugging In this session, i made multiple changes to the OS to improve the overall UX. I had to pull another all nighter again 🥲. Here is what i changed: Change 1: Debugging Everytime i enabled the system daemon in the settngs, the entire os reloaded which was quite annoying so I ripped out the location.reload() in the Settings app. I also moved him to the body so he didn’t get trapped behind windows, because most of the time the daemon was floating behind windows and i couldnt really see him. I also gave the Welcome screen a massive 9999999 z-index so the daemon would float behind it because my previous step was too effective and he was infront of every single screen including like the bootloading screen. Challenges: I ran into z-index hell because I didn’t plan the stacking initially. He was either in the very front or at the very back and it was all a bit weird. Change 2: Widget implementation I initially wanted to implement sticky notes as a widget which was inspired my the mac sticky notes so i coded all of that in first but I realised i can take it a step further and code in multiple widgets. Challenge: But the thing was i hardcoded the sticky notes widget so i had to recode everything and integrate all of the widgets at once I added a simple analog clock widget I added a calendar widget I initially added a system monitor with like the ram and cpu data but the thing was due to the security restrictions, I can’t get the actualy live hardware data so it would have to be a simulation, which i didnt want so I replace the system monitor with a live weather widget which uses the BigDataCloud and Open-Meteo APIs to provide weather data. Change 3: Originally I had all hte widgets in the context menu on after the other but they looked like a list and a bit redundant. So i removed all then in the html file and added one ‘Add a widget…’ option which connects to a screen with all the widget options
WebOS 2 Devlog #17: Media player + Audio spectrum widget implementation It has been a massive coding session. And I barely managed to keep the time below 10 hours and I still went over it. But, on the bright side, the OS now has a fully functional, media player and an audio spectrum widget! In the media player, anyone can listen to radios, and lots of music. But the reason it took 10 hours is because implementing these stuff required facing some serious bugs-some of them for genuinely stupid mistakes-and rebuilding the audio engine the right way (you’ll see what I mean). Here is a breakdown of how these new features work, what went wrong, and some other stuff: Overview of features The Media Player: The new Media Player is a audio application that routes requests to three distinct APIs to fetch music that the user can listen two: Audius: This is a “decentralized music streaming platform for artists, labels, and fans.” And it’s free! I fetches some of the music from this API. Radio-Browser: This is a platform that is, in a nutshell, Wikipedia for radios. I fetched thousands of live, global radio broadcasts using this API Apple iTunes (Preview): This was a golden find because I didn’t know this existed (not for free anyway). This API pulls top hits and previews of music. Granted, it’s not full music tracks but the songs are much more famous and popular. The Audio Spectrum Widget To complement the player, I also added an Audio Spectrum visualizer. It uses the Web Audio API, or more specifically, its AudioContext and an AnalyserNode to get the frequency data from the audio element. That data is then mapped to an HTML5 element. Using requestAnimationFrame, I made it such that the spectrum repaints 40 individual frequency bars roughly 60 times a second, which creates the audio visualiser waveform thing. Challenges The Geolocation failure: The OS was originally hardcoded to fetch radio stations from my address because I hardcoded that for testing purposes. But I stupidly forgot to remove that so when attempting to make this dynamic by using vpns I spent like 40 minutes trying to figure out why ut kept showing stations from my local area and not japan (where my VPN was connected to). And the reason for that is the hardcoded address I mentioned earlier. Moreover, some of the API queries were too specific, causing the media player to return empty for smaller regions like the Bahamas. To fix it i used the BigDataCloud API to quietly ping the user’s IP address, cache their true country code, and inject it into the API queries. the broken audio spectrum: Initially, the audio visualizer was completely blank. Even when fixed, the baseline would just disappear the second music started playing. The canvas drawing logic was also aggressively using clearRect to wipe the entire widget, which erased the idle state baseline. To fix it, I changed the baseline math so that the baseline sits firmly at the bottom of the widget. I also remade the drawing loop to explicitly redraw the baseline before checking the isPlaying state, so the frequency bars can work smoothly. retro theme problems: I completely forgot about the retro theme as i was just focused on building the player and the widget. So, in the end i had to make the stuff retro theme aswell. I encountered some problems there like some white on white text and some styles not applying which turned out to be because my dumbass brain mispelled the ids and classes Oh, and I found some other big bugs. The dragging engine was hella laggy. Like the response time was like 3 seconds before it registered. I would go deeped but im abt to cross the 4000 character devlog word limit but in a nutshell I realised it was because the mousemove event listener was directly updating the inline CSS (style.left and style.top) on every single microscopic mouse movement so it was really laggy.
WebOS 2 Devlog #18: Debugging session I swear random bugs keep popping up no matter how much debugging I do. There’s always something that’s wrong or doesn’t work but that’s just how it is. In this session which was longer than expected, i fixed a lot of different bugs. Here is a summary of the changes i did: I spent lots of time rewriting the mathematics for the desktop icon layout, and also changed the strict grid-snapping to free-form placement cus it felt it was quite annoying not to be able to place stuff on the desktop wherever you want. Unfortunately, it took too long and i abandoned the idea and just moved on without making any changes. I also spent some time cleaning up the code and tried to optimizing the code. Some other bugs I fixed include: Desktop icons were randomly rearranging themselves every time a file was saved. I found out that the reason was that since the localStorage returns keys randomly, everytime i wrote sth to localStorage, the items were randomized so the ordier they appeared on the desktop changed. So i rewrote the logic to sort the stuff alphabetically before displaying. The Notepad app was also blindly overwriting existing files with the same name. I fixed it by adding a localStorage query to intercept matching keys and to display an osConfirm dialog, forcing the user to explicitly authorize the overwrite. The internal browser was throwing captchas all the time and failed to load error screens for blocked domains. Since Google aggressively blocks embeds and flags them as bot traffic, i changed the default browser to Bing, which was much better and i didn’t get captchas everytime i search somehting up I also modified the system daemon engine so that it introduces itself when a user first view the OS. The weather widget was pulling the location not from where the user was but rather where my ISP was routing my traffic through. So if i lived in a village and ISP routes my traffic through like New York, the weather that showed up was that of New York. To fix this, i swapped the logic to request exact hardware GPS coordinates via navigator.geolocation, while falling back to the IP routing API if the user denies the browser prompt. If the location is inaccurate the user can enable the location permission in the browser and the weather widget then shows the correct location. The visualizer widget was working perfectly but i had the idea to add a text container above the bars which shows what the user is playing. I made way way more changes but many of them conform to the easter eggs and mainly about the theme that gets unlocked (small spoiler there ;)) so i won’t really get too much into it.
WebOS 2 Devlog #19: README.md + ARCHITECTURE.md + additional customisation features I’m in the final stages of the project and in this long session, I did many things. Firstly, I wrote a README.md with all the necessary stuff and i also made an ARCHITECTURE.md file which explains the nitty gritty insides of the WebOS so anyone can understand how the website works. Other than that I added a couple of other stuff. Firstly, i realised that even though I have accents to customize the desktop, I don’t have a wallpaper gallery (except the nasa apod) which I found was quite necessary. At first, i coded my own wallpapers like a synthwave grid wallpaper, pinstripe wallpaper for the legace theme, a tranforming aurora wallpaper and like 3 more but after i coded them, they just looked so damn ugly. So i scratched the idea of me coding my own wallpapers and added three categories of wallpapers in the wallpaper dropdown with each category having three 4k wallpapers in them so every time you pick that category, you get a random wallpaper from the three. I also added an about section in the settings which has a buttton that leads to the github page.
WebOS 2 Devlog #20: Updated README.md and ARCHITECTURE.md + changed properties window I just realised I had a properties window in the OS and that was quite outdated so I changed to include some new info like the Last Modified date which updates everytime the user saves something because i added a localStorage.setItem that saves the timestamp. I also updated the README and ARCHITECTURE files to make them sound better and to add some additional info. Anyway, this devlog is probably the last on for this project! Hope you enjoy :)
WebOS 2 Devlog #21: Final Submission Just did some final changes to the welcome text and am about to ship it
Ships:
I created a simple operating system with HTML, CSS, and Javascript that runs on you web browser. It has a nostalgic look and feel with old-styled buttons and looks. To make it more like an OS, a calculator and a notepad have been created and implemented in the app. Moreover, to allow the user to personalise as much as they want, many settings have been included, from custom wallpapers to wallpapers that come from NASA itself and more. This was my first large scale project that I have coded so it’s an interesting experience for me. Before this, I only used to do challenges on platforms like Codewars and other than some small side projects, I don’t have a practical experience. Therefore, i think this project has taught me a lot on how to built stuff yourself. I hope you like my project :)
EpochOS is a fully functional operating system built entirely with vanilla JavaScript, HTML, and CSS. It doesnt require any client side installations or anything and runs directly in your browser. Its features include a file explorer, a browser, a media player, many essential applications, lots of customisation, widgets, and an actual ecosystem that mimics a real operating system. It also has no backend so it’s all run locally on your browser using the browser’s localStorage. Some things you should know before you test this out: Firstly, please don’t finish rating this project until you experience all the features because there are many hidden features that might change your opinion. An example is easter eggs. I implemented many easter eggs which you must experience before voting because these easter eggs are very devloped. If you can’t find them or are stuck on one of the easter eggs, read ARCHITECTURE.md and at the very bottom, i listed all the easter eggs so you can check them out. In fact, read the ARCHITECTURE.md because it provides valuable info about many of the features in the OS and how they work so make sure to read that aswell Secondly, this OS is not compatible with mobile or tablet devices and is optimized for desktop only. So please keep that in mind when you are testing it. Thank you so much for testing this project and hope you enjoy it :)...
|
1793656114.211031
|
1793742514.211031
|
|
62428
|
Shareiff by @Koy | Stardance
|
Koy
|
0
|
5.36
|
0
|
[]
|
[{"post_id": 76122, "ts": "202 [{"post_id": 76122, "ts": "2026-10-02T11:50:38Z", "hours": 3.6839, "text": "DevLog[1] - “Early Beginnings” Hi againnnnnn In this devlog I kept working on the schematic, as well as did further research into the technologies that are going to be used (smarts) I found a display that I would like to use and I wired it in! I also realized that I wired VDD and VSS wrong (power positive and negative, respectively) The last part of the schematic is going to be the bluetooth antenna and then we’ll be ready to move on to the next step! (Caine Digital Circus’ voice) Look at the rat’s nest! isn’t it beautiful Have a nice day!"}, {"post_id": 70894, "ts": "2026-09-19T23:31:03Z", "hours": 1.6764, "text": "DevLog[0] - Patient learning Hiiiiiiiii This project might be a bit harder than I thought (very hard) But worry not! my ego won’t let me leave it even if I tried What I did: The main decisions - I decided to use an STM32WBA65RIV6 (I think I spelt that right ) over a USB 2.0 connection. “But isn’t that MCU way over-the-top?” yes “And isn’t USB 2.0 super slow” indeed So what’s up? The MCU - I decided to use this MCU for two main reasons: it has a LOT of memory: I am writing the firmware myself and if there’s one thing I can’t do (there are many) it’s work properly under hard restrictions. it has a TON of GPIOs: I don’t yet fully know what this will do, my intention is that it would be an actually usable open-source (and hackable!) device, so any extra pin helps (bonus ) It’s not really expensive Bad USB - This one actually hurt. After some research I realized that my options were either: Use the onboard USB on the MCU, knowing it’s slow af write a whole USB driver, which would require a fundamental understanding of concepts I don’t have almost any grasp on, just to attempt to understand the amount of datasheets I would need to read through, all for a side project. If anyone knows of a better way to do this, I would really love to know. Have a nice dayy :33 <3"}]...
|
Title: Shareiff by @Koy | Stardance
Devlogs:
DevL Title: Shareiff by @Koy | Stardance
Devlogs:
DevLog[0] - Patient learning Hiiiiiiiii This project might be a bit harder than I thought (very hard) But worry not! my ego won’t let me leave it even if I tried What I did: The main decisions - I decided to use an STM32WBA65RIV6 (I think I spelt that right ) over a USB 2.0 connection. “But isn’t that MCU way over-the-top?” yes “And isn’t USB 2.0 super slow” indeed So what’s up? The MCU - I decided to use this MCU for two main reasons: it has a LOT of memory: I am writing the firmware myself and if there’s one thing I can’t do (there are many) it’s work properly under hard restrictions. it has a TON of GPIOs: I don’t yet fully know what this will do, my intention is that it would be an actually usable open-source (and hackable!) device, so any extra pin helps (bonus ) It’s not really expensive Bad USB - This one actually hurt. After some research I realized that my options were either: Use the onboard USB on the MCU, knowing it’s slow af write a whole USB driver, which would require a fundamental understanding of concepts I don’t have almost any grasp on, just to attempt to understand the amount of datasheets I would need to read through, all for a side project. If anyone knows of a better way to do this, I would really love to know. Have a nice dayy :33 <3
DevLog[1] - “Early Beginnings” Hi againnnnnn In this devlog I kept working on the schematic, as well as did further research into the technologies that are going to be used (smarts) I found a display that I would like to use and I wired it in! I also realized that I wired VDD and VSS wrong (power positive and negative, respectively) The last part of the schematic is going to be the bluetooth antenna and then we’ll be ready to move on to the next step! (Caine Digital Circus’ voice) Look at the rat’s nest! isn’t it beautiful Have a nice day!...
|
1793656115.7409475
|
1794260915.7409475
|
|
62429
|
Ishuos by @ishaqturk91 | Stardance
|
ishaqturk91
|
0
|
0.0
|
0
|
[]
|
[]
|
Title: Ishuos by @ishaqturk91 | Stardance
|
1793656116.8671803
|
1794260916.8671803
|
|
62430
|
My awesome macropad! by @rishitachhabra | Stardanc My awesome macropad! by @rishitachhabra | Stardance...
|
rishitachhabra
|
0
|
0.0
|
0
|
[]
|
[]
|
Title: My awesome macropad! by @rishitachhabra | S Title: My awesome macropad! by @rishitachhabra | Stardance...
|
1793656117.7634587
|
1794260917.7634587
|
|
62431
|
Modular camera by @ishaqturk91 | Stardance
|
ishaqturk91
|
0
|
0.0
|
0
|
[]
|
[]
|
Title: Modular camera by @ishaqturk91 | Stardance
|
1793656118.6655595
|
1794260918.6655595
|
|
62432
|
My awesome macropad! by @abasventures | Stardance
|
abasventures
|
0
|
0.0
|
0
|
[]
|
[]
|
Title: My awesome macropad! by @abasventures | Sta Title: My awesome macropad! by @abasventures | Stardance...
|
1793656119.5359921
|
1794260919.5359921
|