|
10277
|
Untitled by @gowripaliwal | Stardance
|
gowripaliwal
|
1
|
0.0
|
0
|
[{"ship_num": 1, "ts": "2026-0 [{"ship_num": 1, "ts": "2026-09-02T19:53:22Z", "hours": 0.0, "multiplier": null, "payout": 0, "blessing": "neutral", "text": "I made a media pipe program that looks like a cat doing the scuba meme", "repo": "https://github.com/galleryp/scubacat", "demo": "https://www.tiktok.com/@michellecd3/video/7653695152514436368?is_from_webapp=1&sender_device=pc"}]...
|
[{"post_id": 59361, "ts": "202 [{"post_id": 59361, "ts": "2026-09-01T03:33:36Z", "hours": 0.4283, "text": "Scuba cat!"}]...
|
Title: Untitled by @gowripaliwal | Stardance
Devl Title: Untitled by @gowripaliwal | Stardance
Devlogs:
Scuba cat!
Ships:
I made a media pipe program that looks like a cat doing the scuba meme...
|
1793220525.493979
|
1793306925.493979
|
|
56400
|
Our Site by @Ansh904 | Stardance
|
Ansh904
|
1
|
5.0
|
0
|
[{"ship_num": 1, "ts": "2026-0 [{"ship_num": 1, "ts": "2026-09-02T19:18:42Z", "hours": 5.0, "multiplier": null, "payout": 0, "blessing": "neutral", "text": "Our Site While everyone is busy making their personal site, I made the site of the State, This isn’t your average personal site, the state owns this one. I am a react developer so I know html and css pretty well, but it has been a long time since I made a static html site so I decided to make one for the Personal Site Mission!!! The site 5 main sections, but out of those 2 are headers and footers whom I dont count as sections. Header - It is a simple box with a h1 and a p tag and text align center to center everything. About - It is a flex box with two elements, a span to hold the image and div to hold the text Main grid - It is grid layout with the column template property set to grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); to make this responsive. The number of columns inside the grid are dynamically adjusted with the screen size such that the columns inside the grid are not narrower than 260px and if there is extra space, it is divided equally to all the columns of that row. Contact - This is a flex column container with 2 elements, one is the main title labelled as Contact Us and a text underline property and the other element is another flex with three anchor tags linked to my respective social media handles Footer - It is basic footer element, basically flex box with the text inside centered and a border color of red In the css I used variables to set the color pallete of the site perfectly, it is a warm color pallete that fits the soviet and communist aesthetic perfectly Also I dont really like css, I wanted to use tailwind but I didn’t knew if it was allowed or not so I ended up using css, which is very time consuming and repeating, tailwind is so much better!!!", "repo": "https://github.com/Ansh9045/our_site", "demo": "https://ansh9045.github.io/our_site/"}]...
|
[{"post_id": 60411, "ts": "202 [{"post_id": 60411, "ts": "2026-09-02T18:29:40Z", "hours": 5.2494, "text": "Our Site While everyone is busy making their personal site, I made the site of the State, This isn’t your average personal site, the state owns this one. It is pretty basic, but I wanted some un-convential design, I do not like the plain and minimalistic designs that every site has now a days, they all look and feel the same and lack a character so that’s why I went for this design, it’s still pretty basic and gives off the 2000s vibe but I love it. As much as I love using react, the mission demanded for a html and css site, and it’s been years since I last wrote something in html so I decided to give it a try, It felt really nostalgic and I enjoyed it too. I actually really love the color scheme, it feels very warm. Since the site was pretty simple, I have completed it quickly, I dont think there is anything else I would like to add now so I will ship after this devlog even tho it’s the first one!!!"}]...
|
Title: Our Site by @Ansh904 | Stardance
Devlogs:
Title: Our Site by @Ansh904 | Stardance
Devlogs:
Our Site While everyone is busy making their personal site, I made the site of the State, This isn’t your average personal site, the state owns this one. It is pretty basic, but I wanted some un-convential design, I do not like the plain and minimalistic designs that every site has now a days, they all look and feel the same and lack a character so that’s why I went for this design, it’s still pretty basic and gives off the 2000s vibe but I love it. As much as I love using react, the mission demanded for a html and css site, and it’s been years since I last wrote something in html so I decided to give it a try, It felt really nostalgic and I enjoyed it too. I actually really love the color scheme, it feels very warm. Since the site was pretty simple, I have completed it quickly, I dont think there is anything else I would like to add now so I will ship after this devlog even tho it’s the first one!!!
Ships:
Our Site While everyone is busy making their personal site, I made the site of the State, This isn’t your average personal site, the state owns this one. I am a react developer so I know html and css pretty well, but it has been a long time since I made a static html site so I decided to make one for the Personal Site Mission!!! The site 5 main sections, but out of those 2 are headers and footers whom I dont count as sections. Header - It is a simple box with a h1 and a p tag and text align center to center everything. About - It is a flex box with two elements, a span to hold the image and div to hold the text Main grid - It is grid layout with the column template property set to grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); to make this responsive. The number of columns inside the grid are dynamically adjusted with the screen size such that the columns inside the grid are not narrower than 260px and if there is extra space, it is divided equally to all the columns of that row. Contact - This is a flex column container with 2 elements, one is the main title labelled as Contact Us and a text underline property and the other element is another flex with three anchor tags linked to my respective social media handles Footer - It is basic footer element, basically flex box with the text inside centered and a border color of red In the css I used variables to set the color pallete of the site perfectly, it is a warm color pallete that fits the soviet and communist aesthetic perfectly Also I dont really like css, I wanted to use tailwind but I didn’t knew if it was allowed or not so I ended up using css, which is very time consuming and repeating, tailwind is so much better!!!...
|
1793306946.6117299
|
1793393346.6117299
|
|
55876
|
Theme calculator by @cesarmoal11 | Stardance
|
cesarmoal11
|
1
|
4.0
|
9
|
[{"ship_num": 1, "ts": "2026-0 [{"ship_num": 1, "ts": "2026-09-02T18:45:31Z", "hours": 4.0, "multiplier": 2.32, "payout": 9, "blessing": "neutral", "text": "I finished the project", "repo": "https://github.com/cesar-molinaa/Theme-calculator", "demo": "https://cesar-molinaa.github.io/Theme-calculator/"}]...
|
[{"post_id": 59892, "ts": "202 [{"post_id": 59892, "ts": "2026-09-01T21:54:09Z", "hours": 0.2756, "text": "I finished the project. Right now all the settings are 100% functional so the user can customize the calculator. The basic calculator tools are working without depending on the settings the user has set."}, {"post_id": 59224, "ts": "2026-08-31T21:55:26Z", "hours": 0.2575, "text": "I made functional the colors part"}, {"post_id": 58358, "ts": "2026-08-30T19:08:49Z", "hours": 0.2847, "text": "I created the settings section, in which the user will be able to set the properties of the calculator."}, {"post_id": 57421, "ts": "2026-08-29T15:46:37Z", "hours": 3.0108, "text": "I create the main part of the project. There’s a calculator that works and it has the main functionalities. Now I’m gonna do the user-customizable part."}]...
|
Title: Theme calculator by @cesarmoal11 | Stardanc Title: Theme calculator by @cesarmoal11 | Stardance
Devlogs:
I create the main part of the project. There’s a calculator that works and it has the main functionalities. Now I’m gonna do the user-customizable part.
I created the settings section, in which the user will be able to set the properties of the calculator.
I made functional the colors part
I finished the project. Right now all the settings are 100% functional so the user can customize the calculator. The basic calculator tools are working without depending on the settings the user has set.
Ships:
I finished the project...
|
1793263962.2171535
|
1793350362.2171535
|
|
54750
|
Website pulse by @rayyans4890 | Stardance
|
rayyans4890
|
1
|
3.0
|
0
|
[{"ship_num": 1, "ts": "2026-0 [{"ship_num": 1, "ts": "2026-09-02T18:41:35Z", "hours": 3.0, "multiplier": null, "payout": 0, "blessing": "neutral", "text": "I made a simple website for the mission website pulse i mainly followed the tutorial so it was quite easy to make and adding a date timer and a clock werent hard so i added another feature which if you click on it takes you to the image file in which you can zoom in and see the pic clearly.", "repo": "https://github.com/rayyans4890-png/Website-Pulse", "demo": "https://rayyans4890-png.github.io/Website-Pulse/"}]...
|
[{"post_id": 60413, "ts": "202 [{"post_id": 60413, "ts": "2026-09-02T18:30:43Z", "hours": 1.1075, "text": "Added a clock date and also added so if you click on view full hd image it opens it in a new tab so you can look at it in more detail. I dint have much to add in this website since the tutorial said to only add some extra features and change the colour scheme so yeah."}, {"post_id": 59781, "ts": "2026-09-01T18:31:15Z", "hours": 0.9642, "text": "I finally completed the tutorial and since i followed the tutorial for now it does look quite the same as it did on the website, Tmrw i will add my own personal features and also change the colour theme im thinking of adding new features but tbh i dont have a good idea of what i will be adding if any of yall have recomendations then like cmnt them down below i’ll read them myself."}, {"post_id": 59500, "ts": "2026-09-01T11:30:06Z", "hours": 0.65, "text": "I have started making a website for the project website pulse and for now i have only jst started the project so i only did some of the code i just came from school and im tired so i cant go on for now"}]...
|
Title: Website pulse by @rayyans4890 | Stardance
Title: Website pulse by @rayyans4890 | Stardance
Devlogs:
I have started making a website for the project website pulse and for now i have only jst started the project so i only did some of the code i just came from school and im tired so i cant go on for now
I finally completed the tutorial and since i followed the tutorial for now it does look quite the same as it did on the website, Tmrw i will add my own personal features and also change the colour theme im thinking of adding new features but tbh i dont have a good idea of what i will be adding if any of yall have recomendations then like cmnt them down below i’ll read them myself.
Added a clock date and also added so if you click on view full hd image it opens it in a new tab so you can look at it in more detail. I dint have much to add in this website since the tutorial said to only add some extra features and change the colour scheme so yeah.
Ships:
I made a simple website for the mission website pulse i mainly followed the tutorial so it was quite easy to make and adding a date timer and a clock werent hard so i added another feature which if you click on it takes you to the image file in which you can zoom in and see the pic clearly....
|
1792878450.3357315
|
1793742450.3357315
|
|
51432
|
WONDER by @samia | Stardance
|
samia
|
1
|
11.53
|
0
|
[{"ship_num": 1, "ts": "2026-0 [{"ship_num": 1, "ts": "2026-09-02T18:40:24Z", "hours": 5.0, "multiplier": null, "payout": 0, "blessing": "neutral", "text": "I make WONDER. I was trying to find some knowledge about the planets in space but when I saw the info on the internet it was so boring to read all of that. So I thought, why don’t I make something that will give info about the planets but in a wonderful way. It makes people curious about what happens next, so the user will read more without getting bored.", "repo": "https://github.com/samia-siddique/wonder", "demo": "https://wonder-space.vercel.app/"}]...
|
[{"post_id": 64285, "ts": "202 [{"post_id": 64285, "ts": "2026-09-08T15:44:26Z", "hours": 6.5264, "text": "The Jupiter page on my Wonder website!"}, {"post_id": 50402, "ts": "2026-08-19T15:48:26Z", "hours": 4.6319, "text": "I created the WONDER, which makes learning about space easier and makes you wonder about the planets and space."}]...
|
Title: WONDER by @samia | Stardance
Devlogs:
I cr Title: WONDER by @samia | Stardance
Devlogs:
I created the WONDER, which makes learning about space easier and makes you wonder about the planets and space.
The Jupiter page on my Wonder website!
Ships:
I make WONDER. I was trying to find some knowledge about the planets in space but when I saw the info on the internet it was so boring to read all of that. So I thought, why don’t I make something that will give info about the planets but in a wonderful way. It makes people curious about what happens next, so the user will read more without getting bored....
|
1793134090.3924854
|
1793220490.3924854
|
|
38283
|
Orbital Congestion Simulator by @emin | Stardance
|
emin
|
1
|
29.59
|
217
|
[{"ship_num": 1, "ts": "2026-0 [{"ship_num": 1, "ts": "2026-09-02T18:33:26Z", "hours": 22.0, "multiplier": 18.13, "payout": 217, "blessing": "neutral", "text": "What did you make? A browser app that shows how crowded Earth orbit really is. You get a live 3D globe with thousands of satellites and debris from CelesTrak TLEs, filters, close-approach alerts, replays of real incidents, a simple Kessler “what if” panel, and on phones a Satellite Spotter that uses the sensors so you can aim at what’s actually overhead. What was challenging? Keeping ~12k objects moving without melting the browser. Propagation had to go into a worker, and close approaches were annoying because fast LEO crossings can vanish between frames if you sample too coarsely. Also burned myself once when an automated TLE refresh wrote a half-empty catalog (almost no stations) and the live site looked broken until I added hard minimums so thin fetches can’t ship. What are you proud of? That it feels like a real tool, not a slideshow. VERIFY mode for close approaches, the historical replays, and Spotter on a phone are the parts I keep showing people. Also getting five languages working and not letting the UI rot when the catalog updates. What should people know so they can test your project? Open the live demo on desktop first: https://orbital-congestion-simulator.vercel.app Skip or finish the short tour, turn on Color by Function, click a few objects, try a Historical Event, and open a close-approach card if any are listed. On a phone, pick something bright like the ISS and hit Spot — allow location/motion, go outside if the compass is weird, and do a figure-eight with the phone to recalibrate. Positions come from periodic TLEs + SGP4, not a live tracking API, so treat it as educational. Repo: https://github.com/muhammet842/orbital-congestion-simulator", "repo": "https://github.com/muhammet842/orbital-congestion-simulator", "demo": "https://orbital-congestion-simulator.vercel.app/"}]...
|
[{"post_id": 64218, "ts": "202 [{"post_id": 64218, "ts": "2026-09-08T13:44:32Z", "hours": 5.0706, "text": "After many shipping, I needed to rewrite most of codes in my project to decrease the AI usage. I had to delete some features like historical events and close approaches which are generated by AI. Now, my project is more specific. That’s how it looks like right now."}, {"post_id": 61557, "ts": "2026-09-04T15:07:18Z", "hours": 2.1139, "text": "For my latest update on the Orbital Congestion Simulator, I focused on building a tool that looks beyond today’s telemetry: the Kessler Syndrome Projection panel.Instead of just showing current satellite positions, this feature lets you model the future of Low Earth Orbit. You can test pre-set scenarios like Megaconstellation Boom, Green Space, or ASAT War, or tweak custom parameters directly:Launch Rate: Multiplier for annual launchesMitigation Rate: Success rate of post-mission disposalCollision Risk: Probability of cascading orbital collisionsThe engine calculates real-time updates for total object counts, debris volume, collision metrics, and distribution across LEO, MEO, and GEO regimes. You can also hit Play to watch the timeline scrub forward as orbital density builds up."}, {"post_id": 61046, "ts": "2026-09-03T19:13:01Z", "hours": 0.4086, "text": "One of my project’s important feature is showing the real close approaches between two satellite in next 24 hours. Click any alert card on the demo if the list isn’t empty. If it says scanning, give it a minute to find close approaches."}, {"post_id": 60400, "ts": "2026-09-02T18:19:07Z", "hours": 1.9686, "text": "A phone feature inside Orbital Congestion Simulator: pick a satellite, point your camera at the sky, and follow the on-screen guide until it matches what’s overhead — using GPS, compass, and live TLE positions."}, {"post_id": 58043, "ts": "2026-08-30T12:07:09Z", "hours": 19.7953, "text": "I’ve been building Orbital Congestion Simulator for a while now. It shows thousands of satellites and debris around Earth in 3D, using real TLE data from CelesTrak and SGP4 to calculate their positions. You can filter by orbit, select objects for details, check close approaches, replay historical collisions such as Iridium 33 and Cosmos 2251, and explore a simple Kessler Syndrome future projection. The interface is also available in several languages. Live demo: https://orbital-congestion-simulator.vercel.app"}]...
|
Title: Orbital Congestion Simulator by @emin | Sta Title: Orbital Congestion Simulator by @emin | Stardance
Devlogs:
I’ve been building Orbital Congestion Simulator for a while now. It shows thousands of satellites and debris around Earth in 3D, using real TLE data from CelesTrak and SGP4 to calculate their positions. You can filter by orbit, select objects for details, check close approaches, replay historical collisions such as Iridium 33 and Cosmos 2251, and explore a simple Kessler Syndrome future projection. The interface is also available in several languages. Live demo: https://orbital-congestion-simulator.vercel.app
A phone feature inside Orbital Congestion Simulator: pick a satellite, point your camera at the sky, and follow the on-screen guide until it matches what’s overhead — using GPS, compass, and live TLE positions.
One of my project’s important feature is showing the real close approaches between two satellite in next 24 hours. Click any alert card on the demo if the list isn’t empty. If it says scanning, give it a minute to find close approaches.
For my latest update on the Orbital Congestion Simulator, I focused on building a tool that looks beyond today’s telemetry: the Kessler Syndrome Projection panel.Instead of just showing current satellite positions, this feature lets you model the future of Low Earth Orbit. You can test pre-set scenarios like Megaconstellation Boom, Green Space, or ASAT War, or tweak custom parameters directly:Launch Rate: Multiplier for annual launchesMitigation Rate: Success rate of post-mission disposalCollision Risk: Probability of cascading orbital collisionsThe engine calculates real-time updates for total object counts, debris volume, collision metrics, and distribution across LEO, MEO, and GEO regimes. You can also hit Play to watch the timeline scrub forward as orbital density builds up.
After many shipping, I needed to rewrite most of codes in my project to decrease the AI usage. I had to delete some features like historical events and close approaches which are generated by AI. Now, my project is more specific. That’s how it looks like right now.
Ships:
What did you make? A browser app that shows how crowded Earth orbit really is. You get a live 3D globe with thousands of satellites and debris from CelesTrak TLEs, filters, close-approach alerts, replays of real incidents, a simple Kessler “what if” panel, and on phones a Satellite Spotter that uses the sensors so you can aim at what’s actually overhead. What was challenging? Keeping ~12k objects moving without melting the browser. Propagation had to go into a worker, and close approaches were annoying because fast LEO crossings can vanish between frames if you sample too coarsely. Also burned myself once when an automated TLE refresh wrote a half-empty catalog (almost no stations) and the live site looked broken until I added hard minimums so thin fetches can’t ship. What are you proud of? That it feels like a real tool, not a slideshow. VERIFY mode for close approaches, the historical replays, and Spotter on a phone are the parts I keep showing people. Also getting five languages working and not letting the UI rot when the catalog updates. What should people know so they can test your project? Open the live demo on desktop first: https://orbital-congestion-simulator.vercel.app Skip or finish the short tour, turn on Color by Function, click a few objects, try a Historical Event, and open a close-approach card if any are listed. On a phone, pick something bright like the ISS and hit Spot — allow location/motion, go outside if the compass is weird, and do a figure-eight with the phone to recalibrate. Positions come from periodic TLEs + SGP4, not a live tracking API, so treat it as educational. Repo: https://github.com/muhammet842/orbital-congestion-simulator...
|
1793202678.4620392
|
1793289078.4620392
|
|
56454
|
N-Back Attack by @poepoepipi | Stardance
|
poepoepipi
|
1
|
7.0
|
0
|
[{"ship_num": 1, "ts": "2026-0 [{"ship_num": 1, "ts": "2026-09-02T18:30:17Z", "hours": 7.0, "multiplier": null, "payout": 0, "blessing": "neutral", "text": "N-Back Attack is a game Inspired by N-Back but in a space invaders theme. This version transforms the experience into an exciting, fast-paced challenge. How to Play N-Back is a memory game where you have to remember what happened a few rounds ago. In this game, Space Invaders appear in different positions, Colors, and Shapes . Your goal is to determine whether the current position, color or shape matches the one from N rounds ago . For example, in 2-Back : An alien appears on the left . An alien appears in the middle . An alien appears on the left again. The third alien matches the position from 2 rounds ago , so you should press the match key. The N The N determines how far back you need to remember. 1-Back -> Compare with the previous round 2-Back -> Compare with 2 rounds ago 3-Back -> Compare with 3 rounds ago And so on… As N gets higher, the game becomes harder because you need to remember more positions. Goal Try to get as many correct matches as possible while avoiding incorrect answers. The higher your N-Back level, the more challenging it becomes.", "repo": "https://github.com/poepoepipi/N-Back-Attack/", "demo": "https://poepoepipi.github.io/N-Back-Attack/"}]...
|
[{"post_id": 58965, "ts": "202 [{"post_id": 58965, "ts": "2026-08-31T15:13:59Z", "hours": 0.2897, "text": "Done with the README! Ready to ship."}, {"post_id": 58956, "ts": "2026-08-31T14:55:27Z", "hours": 3.4744, "text": "The project is Done, The logic here was probably the most complicated i had done, But it was fun, Now I Need to write the Documentation."}, {"post_id": 58736, "ts": "2026-08-31T09:12:08Z", "hours": 2.7633, "text": "This time I tried a more complicated project, so I have been coding a lot of javascript which isn’t that fun but I am learning so that is good, For this project I also used AI for the UI wich is why it doesn’t look that good but I am not in the mood to make UI right now and the UI is pretty simple."}]...
|
Title: N-Back Attack by @poepoepipi | Stardance
D Title: N-Back Attack by @poepoepipi | Stardance
Devlogs:
This time I tried a more complicated project, so I have been coding a lot of javascript which isn’t that fun but I am learning so that is good, For this project I also used AI for the UI wich is why it doesn’t look that good but I am not in the mood to make UI right now and the UI is pretty simple.
The project is Done, The logic here was probably the most complicated i had done, But it was fun, Now I Need to write the Documentation.
Done with the README! Ready to ship.
Ships:
N-Back Attack is a game Inspired by N-Back but in a space invaders theme. This version transforms the experience into an exciting, fast-paced challenge. How to Play N-Back is a memory game where you have to remember what happened a few rounds ago. In this game, Space Invaders appear in different positions, Colors, and Shapes . Your goal is to determine whether the current position, color or shape matches the one from N rounds ago . For example, in 2-Back : An alien appears on the left . An alien appears in the middle . An alien appears on the left again. The third alien matches the position from 2 rounds ago , so you should press the match key. The N The N determines how far back you need to remember. 1-Back -> Compare with the previous round 2-Back -> Compare with 2 rounds ago 3-Back -> Compare with 3 rounds ago And so on… As N gets higher, the game becomes harder because you need to remember more positions. Goal Try to get as many correct matches as possible while avoiding incorrect answers. The higher your N-Back level, the more challenging it becomes....
|
1792882089.9911904
|
1793746089.9911904
|
|
33724
|
fully analog guitar processor with 7 pedals by @tj fully analog guitar processor with 7 pedals by @tjingi_ | Stardance...
|
tjingi_
|
1
|
9.0
|
0
|
[{"ship_num": 1, "ts": "2026-0 [{"ship_num": 1, "ts": "2026-09-02T18:03:31Z", "hours": 9.0, "multiplier": null, "payout": 0, "blessing": "neutral", "text": "Hi, I made a fully analogue guitar pedalboard with 7 pedals. It includes fuzz, overdrive, distortion, phaser, flanger, chorus, and delay. The main challenge was soldering the huge number of resistors. I am proud to have built it, especially since it was my first PCB", "repo": "https://github.com/tjingi/fully-analog-guitar-processor-with-7-pedals", "demo": ""}]...
|
[{"post_id": 60349, "ts": "202 [{"post_id": 60349, "ts": "2026-09-02T17:15:13Z", "hours": 4.8847, "text": "yeeee,I finished it!!!"}, {"post_id": 59864, "ts": "2026-09-01T20:52:47Z", "hours": 4.1836, "text": "Tonight I finished soldering half of my PCB. I think I’ll finish it tomorrow"}, {"post_id": 32645, "ts": "2026-07-21T22:40:50Z", "hours": 3.9169, "text": "Tonight I finally finished my processor! I designed a fish-shaped frame for it and called it ‘Fishman’. It’s shipping soon!"}, {"post_id": 32073, "ts": "2026-07-20T23:47:53Z", "hours": 4.1508, "text": "Yeah, all traces were routed. Only one step left, and it’s to design a frame for the processor."}, {"post_id": 31550, "ts": "2026-07-20T01:32:43Z", "hours": 5.2839, "text": "Started working on a PCB! I placed the components in the right positions and started routing. Tonight I finished routing the fuzz, distortion, overdrive, and phaser! The project is almost done"}, {"post_id": 30946, "ts": "2026-07-18T23:13:12Z", "hours": 3.6367, "text": "Tonight I added footprints to all the components. Finally, I’m ready to start laying out the PCB!"}, {"post_id": 30324, "ts": "2026-07-17T19:48:33Z", "hours": 1.4167, "text": "Yes! All schematics are done! I finished the design for the delay. It is based on the Deep Blue Delay schematic. It works like this: The input stage on the op-amp (U20B) acts as a buffer that mixes the clean audio signal with the processed sound from the feedback loop. The PT2399 chip digitizes the audio, cyclically delays it in RAM, and then outputs it back, with the delay time being adjusted by the RV24 potentiometer. Potentiometers RV22 (Repeats) and RV23 (Mix) are used to adjust the number of echo repeats and the balance between the clean and processed signals. The final op-amp stage (U20A) functions as an active low-pass filter, which smooths out the digital steps of the audio and gives the effect a warm analog sound. At the very end of the circuit, the C86 coupling capacitor cuts off the DC voltage component, while the R144 resistor bleeds residual static voltage to ground, preventing switching pops before the signal is fed to the output jack J2."}, {"post_id": 30072, "ts": "2026-07-17T11:17:58Z", "hours": 4.7667, "text": "Finally, tonight i finished almost all pedal schematic. I did chorus and flanger pedal. I need to finished just delay pedal schematic and i will begin doing the pcb! The flanger schematic based on BF-2 boss flanger and work like that:The input audio signal is split at the op-amp buffer, where one part goes directly to the output, and the second is sent to a complex delay path. The MN3207 BBD chip and MN3102 clock generator create an ultra-short audio delay controlled by a multi-stage LFO based on TL022 op-amps. The Manual, Depth, Rate, and Resonance potentiometers provide full control over the waveform, its speed, and the depth of the “jet-plane” whoosh. The main feature of the circuit is the feedback loop (Resonance pot), which sends the processed signal back to the BBD chip’s input via an op-amp to create a powerful metallic resonance. The final stage mixes the dry and delayed signals, delivering a classic, aggressive flanger with a deep comb-filtering effect. Also chorus based on Electro-Harmonix small clone chorus and work like that:The input signal is amplified by the IC1a op-amp input stage, then splits at point “A” into a dry path and a lower effect branch. An LFO based on the LM358 chip modulates the clock frequency of the CD4047 CMOS chip, which drives the MN3007 delay line. The depth switch (Depth pot mod) and the Rate potentiometer adjust the speed and intensity of the delayed signal’s pitch modulation. At the output, the time-altered signal from point “D” is filtered by transistor Q2 and mixed with the dry sound at the IC1b summing op-amp. The result of the circuit’s operation is that exact spacious, thick, and psychedelic analog chorus sound that became the signature of the grunge style. See you later!!!"}, {"post_id": 29238, "ts": "2026-07-16T00:54:50Z", "hours": 6.1983, "text": "Today I finished four pedals. I designed an overdrive, a distortion, and a phaser. I also finished the fuzz schematic and added a bypass switch.”"}, {"post_id": 27393, "ts": "2026-07-12T22:32:36Z", "hours": 1.7672, "text": "went deep in to fuzz schematic"}, {"post_id": 26938, "ts": "2026-07-12T00:50:09Z", "hours": 3.0336, "text": "I made a Fuzz Face clone but modernized almost half of full electronics"}, {"post_id": 26753, "ts": "2026-07-11T18:41:01Z", "hours": 1.0622, "text": "i just tried to learn how kicad works and how make something there"}]...
|
Title: fully analog guitar processor with 7 pedals Title: fully analog guitar processor with 7 pedals by @tjingi_ | Stardance
Devlogs:
i just tried to learn how kicad works and how make something there
I made a Fuzz Face clone but modernized almost half of full electronics
went deep in to fuzz schematic
Today I finished four pedals. I designed an overdrive, a distortion, and a phaser. I also finished the fuzz schematic and added a bypass switch.”
Finally, tonight i finished almost all pedal schematic. I did chorus and flanger pedal. I need to finished just delay pedal schematic and i will begin doing the pcb! The flanger schematic based on BF-2 boss flanger and work like that:The input audio signal is split at the op-amp buffer, where one part goes directly to the output, and the second is sent to a complex delay path. The MN3207 BBD chip and MN3102 clock generator create an ultra-short audio delay controlled by a multi-stage LFO based on TL022 op-amps. The Manual, Depth, Rate, and Resonance potentiometers provide full control over the waveform, its speed, and the depth of the “jet-plane” whoosh. The main feature of the circuit is the feedback loop (Resonance pot), which sends the processed signal back to the BBD chip’s input via an op-amp to create a powerful metallic resonance. The final stage mixes the dry and delayed signals, delivering a classic, aggressive flanger with a deep comb-filtering effect. Also chorus based on Electro-Harmonix small clone chorus and work like that:The input signal is amplified by the IC1a op-amp input stage, then splits at point “A” into a dry path and a lower effect branch. An LFO based on the LM358 chip modulates the clock frequency of the CD4047 CMOS chip, which drives the MN3007 delay line. The depth switch (Depth pot mod) and the Rate potentiometer adjust the speed and intensity of the delayed signal’s pitch modulation. At the output, the time-altered signal from point “D” is filtered by transistor Q2 and mixed with the dry sound at the IC1b summing op-amp. The result of the circuit’s operation is that exact spacious, thick, and psychedelic analog chorus sound that became the signature of the grunge style. See you later!!!
Yes! All schematics are done! I finished the design for the delay. It is based on the Deep Blue Delay schematic. It works like this: The input stage on the op-amp (U20B) acts as a buffer that mixes the clean audio signal with the processed sound from the feedback loop. The PT2399 chip digitizes the audio, cyclically delays it in RAM, and then outputs it back, with the delay time being adjusted by the RV24 potentiometer. Potentiometers RV22 (Repeats) and RV23 (Mix) are used to adjust the number of echo repeats and the balance between the clean and processed signals. The final op-amp stage (U20A) functions as an active low-pass filter, which smooths out the digital steps of the audio and gives the effect a warm analog sound. At the very end of the circuit, the C86 coupling capacitor cuts off the DC voltage component, while the R144 resistor bleeds residual static voltage to ground, preventing switching pops before the signal is fed to the output jack J2.
Tonight I added footprints to all the components. Finally, I’m ready to start laying out the PCB!
Started working on a PCB! I placed the components in the right positions and started routing. Tonight I finished routing the fuzz, distortion, overdrive, and phaser! The project is almost done
Yeah, all traces were routed. Only one step left, and it’s to design a frame for the processor.
Tonight I finally finished my processor! I designed a fish-shaped frame for it and called it ‘Fishman’. It’s shipping soon!
Tonight I finished soldering half of my PCB. I think I’ll finish it tomorrow
yeeee,I finished it!!!
Ships:
Hi, I made a fully analogue guitar pedalboard with 7 pedals. It includes fuzz, overdrive, distortion, phaser, flanger, chorus, and delay. The main challenge was soldering the huge number of resistors. I am proud to have built it, especially since it was my first PCB...
|
1793263992.1157382
|
1793350392.1157382
|
|
37145
|
Floppy FS (File System) by @UmarFarooq | Stardance
|
UmarFarooq
|
1
|
38.0
|
322
|
[{"ship_num": 1, "ts": "2026-0 [{"ship_num": 1, "ts": "2026-09-02T17:35:30Z", "hours": 38.0, "multiplier": 16.91, "payout": 322, "blessing": "neutral", "text": "Floppy FS is a file system that runs entirely in the browser. It has two modes, UI and terminal. here are its features: UI: Create files and folders. Different type of files (text, image and video, pdf and word files supported). Right click anywhere on the screen to open context menu and perform actions. Right click on a file to perform actions on that specific file. Breadcrumb is available to show exactly where is the user. Floppy Notepad available to edit text files. Floppy Image Viewer available to view image files. Floppy Video Player for playing videos. Floppy PDF Viewer for reading PDFs. Displaying notifications using react-hot-toast . A search bar to search files in current directory. Full CRUD functionality is available. Unique icon for each type of file. Copy/Cut > Paste functionality is available thorugh context menu. Grid/List view available. View details for files/folders in list view. Sort by name, date created and size. Download files. For folders, it downloads the zip file. Terminal: Dark themed terminal for moving around the file system. ls -la for displaying all the files/folders in current directory. cat <file> for viewing the content stored in file. cd <folder> for changing directory. touch <file> for creating files. mkdir <folder> for creating folders. rm <target> for deleting file or folder. rename <old> <new> for renaming files/folders. cat <file> for viewing content of text files. edit <file> for opening file in the editor. tree for viewing tree view of the folder. export <file> for downloading files. clear for clearing the terminal.", "repo": "https://github.com/Umar-Farooq-5757/floppy-fs", "demo": "https://floppyfs.vercel.app/"}]...
|
[{"post_id": 60361, "ts": "202 [{"post_id": 60361, "ts": "2026-09-02T17:27:56Z", "hours": 5.8117, "text": "Here is the Final devlog before shipping. Added a bunch of new features and improved UI/UX. Features added: Sort by name, date created and size. Download files. For folders, it downloads the zip file. Grid/List view available. View details for files/folders in list view. Added support for pdf files and word documents. Included size property with every file/folder. New commands in terminal: rename <old> <new> for renaming files/folders. tree for viewing tree view of the folder. export <file> for downloading files."}, {"post_id": 58788, "ts": "2026-08-31T11:15:20Z", "hours": 4.1461, "text": "Welcome to devlog #7 of Floppy FS. I’ve added a bunch of new terminal commands and added Copy/Cut > Paste functionality in the UI mode. Right click to open context menu and perform copy/cut > paste. New terminal commands: touch <filename> for creating files. mkdir <foldername> for creating folders. rm <target> for deleting file or folder. edit <filename> for opening file in the editor."}, {"post_id": 57542, "ts": "2026-08-29T18:31:11Z", "hours": 7.8792, "text": "Introducing terminal mode. Now, you can move around the Floppy File System and perform actions using terminal commands. Available commands for now: ls for displaying all the files/folders in current directory. cat <filename> for viewing the content stored in file. cd <foldername> for changing directory. clear for clearing the terminal. More commands will be added soon. I’m actively working on this project."}, {"post_id": 55481, "ts": "2026-08-27T11:07:09Z", "hours": 2.9756, "text": "Here’s the devlog #5 of Floppy File System. The UX is improved (pressing enter when creating new file or folder creates them). Plus, users can also rename files and folders now by right clicking the file or folder and then selecting rename from context menu. And some improvements in utility functions."}, {"post_id": 54949, "ts": "2026-08-26T11:30:06Z", "hours": 6.6528, "text": "Welcome to devlog #4. Here are the changes and new features I’ve added: Now, the support for image and video files is added. Created “Floppy Image Viewer” for viewing images. Added filename extensions (.txt, .png, .mp4)"}, {"post_id": 53024, "ts": "2026-08-23T12:31:17Z", "hours": 1.6842, "text": "Welcome to devlog #3 of Floppy File System. Here are the changes for this devlog. The whole CRUD (Create, Read, Update, Delete) functionality is working now. Designed two custom context menus. The general one for whole screeen. And a node specific context menu: When you right click on a file or folder, you can perform actions on it. The breadcrumb is working now. You can click on any folder name in the breadcrumb section (section to the left of search box) to jump directly to that folder."}, {"post_id": 52567, "ts": "2026-08-22T19:04:14Z", "hours": 1.5283, "text": "Here is the devlog #2 of Floppy FS. I have updated a little bit UI and added some features: Changed the icon of files and folders like windows file explorer. Now, you can actually edit the content of text files. Also, added the search functionality for searching files and folders. Notifications are available now for feedback of important actions."}, {"post_id": 52124, "ts": "2026-08-22T06:48:14Z", "hours": 7.3875, "text": "Welcome to the first devlog of Floppy FS, a file system that runs entirely in the browser. Here are the features that I have completed building: Create files and folders. View files/folders as a grid view like windows file explorer. Notepad UI for viewing file contents. Custom context menu available for performing actions. Storing all the data in browser’s indexed db."}]...
|
Title: Floppy FS (File System) by @UmarFarooq | St Title: Floppy FS (File System) by @UmarFarooq | Stardance
Devlogs:
Welcome to the first devlog of Floppy FS, a file system that runs entirely in the browser. Here are the features that I have completed building: Create files and folders. View files/folders as a grid view like windows file explorer. Notepad UI for viewing file contents. Custom context menu available for performing actions. Storing all the data in browser’s indexed db.
Here is the devlog #2 of Floppy FS. I have updated a little bit UI and added some features: Changed the icon of files and folders like windows file explorer. Now, you can actually edit the content of text files. Also, added the search functionality for searching files and folders. Notifications are available now for feedback of important actions.
Welcome to devlog #3 of Floppy File System. Here are the changes for this devlog. The whole CRUD (Create, Read, Update, Delete) functionality is working now. Designed two custom context menus. The general one for whole screeen. And a node specific context menu: When you right click on a file or folder, you can perform actions on it. The breadcrumb is working now. You can click on any folder name in the breadcrumb section (section to the left of search box) to jump directly to that folder.
Welcome to devlog #4. Here are the changes and new features I’ve added: Now, the support for image and video files is added. Created “Floppy Image Viewer” for viewing images. Added filename extensions (.txt, .png, .mp4)
Here’s the devlog #5 of Floppy File System. The UX is improved (pressing enter when creating new file or folder creates them). Plus, users can also rename files and folders now by right clicking the file or folder and then selecting rename from context menu. And some improvements in utility functions.
Introducing terminal mode. Now, you can move around the Floppy File System and perform actions using terminal commands. Available commands for now: ls for displaying all the files/folders in current directory. cat <filename> for viewing the content stored in file. cd <foldername> for changing directory. clear for clearing the terminal. More commands will be added soon. I’m actively working on this project.
Welcome to devlog #7 of Floppy FS. I’ve added a bunch of new terminal commands and added Copy/Cut > Paste functionality in the UI mode. Right click to open context menu and perform copy/cut > paste. New terminal commands: touch <filename> for creating files. mkdir <foldername> for creating folders. rm <target> for deleting file or folder. edit <filename> for opening file in the editor.
Here is the Final devlog before shipping. Added a bunch of new features and improved UI/UX. Features added: Sort by name, date created and size. Download files. For folders, it downloads the zip file. Grid/List view available. View details for files/folders in list view. Added support for pdf files and word documents. Included size property with every file/folder. New commands in terminal: rename <old> <new> for renaming files/folders. tree for viewing tree view of the folder. export <file> for downloading files.
Ships:
Floppy FS is a file system that runs entirely in the browser. It has two modes, UI and terminal. here are its features: UI: Create files and folders. Different type of files (text, image and video, pdf and word files supported). Right click anywhere on the screen to open context menu and perform actions. Right click on a file to perform actions on that specific file. Breadcrumb is available to show exactly where is the user. Floppy Notepad available to edit text files. Floppy Image Viewer available to view image files. Floppy Video Player for playing videos. Floppy PDF Viewer for reading PDFs. Displaying notifications using react-hot-toast . A search bar to search files in current directory. Full CRUD functionality is available. Unique icon for each type of file. Copy/Cut > Paste functionality is available thorugh context menu. Grid/List view available. View details for files/folders in list view. Sort by name, date created and size. Download files. For folders, it downloads the zip file. Terminal: Dark themed terminal for moving around the file system. ls -la for displaying all the files/folders in current directory. cat <file> for viewing the content stored in file. cd <folder> for changing directory. touch <file> for creating files. mkdir <folder> for creating folders. rm <target> for deleting file or folder. rename <old> <new> for renaming files/folders. cat <file> for viewing content of text files. edit <file> for opening file in the editor. tree for viewing tree view of the folder. export <file> for downloading files. clear for clearing the terminal....
|
1793306882.4108894
|
1793393282.4108894
|
|
50563
|
Bday gift by @mabu | Stardance
|
mabu
|
4
|
33.0
|
246
|
[{"ship_num": 1, "ts": "2026-0 [{"ship_num": 1, "ts": "2026-09-02T16:51:40Z", "hours": 12.0, "multiplier": 5.54, "payout": 65, "blessing": "neutral", "text": "Virtual Gift Card and Memory Box [IMP PLS TRY USING THE VOICE MODE TO UNLOCK THE GIFT U CAN SAY “BESTFRIEND “OF THE BDAY GIFT AND “I LOVE U”FOR THE REST GIFTS AND ALSO TRY OUT THE ESTEREGG TYPE THE WORD “MAGIC “OUT IN THE SAMPLE GIFT PAGE ANYWHERE AND A SECRET GIFT WILL POPUP] Hey everyone! Mabu here. For anyone who always forgets to buy physical gifts for birthdays, anniversaries, or special moment I built the ultimate customizable digital gift card website What it features: (All this stuff can be customised and some of these are optional stuff) Four Card Types: Birthday, Anniversary, Ask Out, and Love Notes. Unlocking: unlock the gift with a password (default is bestfriend or I LOVE U) u can type the word or click on the mic button and speak the word out u can even change the word to a phrase so u can make ur frined say something to open his/her gift Timed Delivery: Set a countdown timer so the recipient can’t open the surprise until the actual special occasion arrives Memories: U can add 6 custom photos, record or upload a voice message, attach an opening video intro, or drop in a funny meme to prank them or u can add a handwritten letter so they can read it U can even make them type some word like special word anywere in the page just open the page and type the word magic and u can get a esteregg gift U can make a short quiz for them to unlock a scratch off message Would love to hear your feedback on the new stuff gl and bye Mabu out. (and pls pray for me that my exam goes good its in a week so i wont be able to work on this that much sorry!!)", "repo": "https://github.com/mabu100/gift-", "demo": "https://mabu100.github.io/gift-/"}, {"ship_num": 2, "ts": "2026-08-29T17:53:31Z", "hours": 11.0, "multiplier": 10.38, "payout": 116, "blessing": "neutral", "text": "Hello everyone, [password for bday card is bestfriend and other cards is I LOVE u ] I always forget to buy gifts for my friends and loved ones on special occasions. Because of this, I decided to create the ultimate digital gift card that people can save and cherish for a long time. This website features four types of virtual cards:Birthday cards Anniversary card Ask out card Love notes When you open the website, you select the card you want. You must enter a password to open it. **The password for the birthday card is “bestfriend” and the password for the other three cards is “I LOVE U”. ** After entering the password, you will see a sample card.At the top of the page, you can customize your own card and download it. You can set a timer and send the card to your friend right before their birthday. To make the card special, you can add cool photos, write a sweet message inside a digital scratch off section, or even add a funny meme. If you want to make it the perfect gift, you can add a video that plays at the very start so your friend always remembers it I hope you like this idea and find it useful for daily life. It allows your friends to keep your gift forever and remember good memories. It is also perfect for sending to a boyfriend, girlfriend, or a friend who lives in another country. I look forward to reading your feedback. Thank you, Mabu out.", "repo": "https://github.com/mabu100/gift-", "demo": "https://mabu100.github.io/gift-/"}, {"ship_num": 3, "ts": "2026-08-23T16:54:15Z", "hours": 6.0, "multiplier": 9.35, "payout": 53, "blessing": "neutral", "text": "[Note the password is bestfriend] Did u forget ur friends bday??? DONT WORRY WHEN MABU IS HERE I made a customizable gift card that u can download as a PDF and send to ur friend. U can add pics and write a sweet message for ur friend New features: U can now add 6 pics and write a custom sweet message, and u can even change the password, but don’t forget to give ur freind the hint to the password so he/she will be able to open it And there is new confetti that blasts when u enter the password. In the end, there is a special surprise ur friend can blow out the candles and make a wish I hope u guys like it and i cant wait to read the feedback so i can improve this", "repo": "https://github.com/mabu100/gift-", "demo": "https://mabu100.github.io/gift-/"}, {"ship_num": 4, "ts": "2026-08-18T10:14:53Z", "hours": 4.0, "multiplier": 3.16, "payout": 12, "blessing": "neutral", "text": "I always forget to get my friends a gift so i made a virtual gift for my friends i am sure he will like it. It does not look very good rn but later on i am going to make it even better and its going to blow ur mind off", "repo": "https://github.com/mabu100/gift-", "demo": "https://mabu100.github.io/gift-/"}]...
|
[{"post_id": 60254, "ts": "202 [{"post_id": 60254, "ts": "2026-09-02T14:49:24Z", "hours": 1.0333, "text": "Guys i tried out all the new stuff and old stuff to make sure it worked well and then i fixed some bugs i found and will ship by tom morning or later cause i have a exam tom sorry for the wait"}, {"post_id": 60205, "ts": "2026-09-02T13:07:58Z", "hours": 2.5494, "text": "Hi guys, I added a cool feature that I am sure all of you guys will love. Now you can make your friend say a stupid phrase to unlock the gift. This is going to be so cool and funny. Just think about it your friend needs to say something stupid to unlock the gift. You can customize the phrase in the customization option. I hope you guys like this idea, took a while to think about it. GL and bye!"}, {"post_id": 59842, "ts": "2026-09-01T20:21:37Z", "hours": 2.5661, "text": "HI guys I’ve added an exciting new feature to the gift card page: gift givers can now include an optional ‘magic word’ that recipients use to unlock a secret surprise But i am sure most ppl wont use this feature thats what i feel and i would love to hear if u guys like the feature But if u use this feature give the gift recipient a hint if they dont find it then just tell them Sorry guys its not a very good feature i am still thinking abt new stuff to add Thats all for today alr bye guys gl"}, {"post_id": 59148, "ts": "2026-08-31T19:32:45Z", "hours": 4.4072, "text": "Hi guys! I added a new feature where you can upload a custom handwritten letter or drawing, or you can get creative and prank the person receiving the card by adding a meme to it. Imagine the person opening it and finding a stupid meme it is going to be so funny! You can also add a custom voice message for them. You can even record this on the website, so you can directly upload it for your convenience. (Note: All these features are optional. If you want to make your card better for your friend or loved one, you can use these features on the customization page.) Thats it for today guys i hope u like these new stuff THANK U GUYS MBAU OUT AND GL"}, {"post_id": 58416, "ts": "2026-08-30T20:32:36Z", "hours": 1.1239, "text": "hi guys I improved a old scratch off card now to unlock the scratch off card the pesron need to ans a question and if he/she gets it correct he will be able to scratch it off and see whats written I am currently think abt more and cool stuff to add so u guys need to wait for a bit before i ship it again. Alr thats all from today gn and bye guys gl WITH LOVE MABU.."}, {"post_id": 57492, "ts": "2026-08-29T17:32:15Z", "hours": 2.5439, "text": "Hi everyone I added this new feature where u can make the card before the occasion and set a timer so u can share the gift with ur friend and he/she will be able to open it when the timer ends I hope the feature will u be useful and i hope u guys like it Thats all for today thank u guys and gl!!!"}, {"post_id": 56854, "ts": "2026-08-28T20:10:39Z", "hours": 5.2619, "text": "HI guys Today’s focus was on enhancing user customization and adding interactive New Card Menu: I built a new menu where users can see and choose all the different types of cards they want to customize Video System: Now, when a user opens a card a video plays first before the card shows up Scratch Message: I created a hidden message feature the receiver has to scratch the screen to reveal a sweet secret message And now the customization option will be on top so when u first open u will be shown a sample and then u can customize it. Thats it for today will try to add some more new stuff and make it better and useful for u guys GL everyone."}, {"post_id": 55752, "ts": "2026-08-27T18:52:22Z", "hours": 3.3942, "text": "Hi everyone I am working on this idea where u can use the card in many ways like bday, anniversary, proposal and love note and i want to add more to this idea Currently my plan is to make it like each occasion the card will have different interactive buttons. Once i am happy with how it looks i will ship it"}, {"post_id": 53178, "ts": "2026-08-23T16:49:52Z", "hours": 5.6611, "text": "HI guys mabu here!! Based on the previous ship i decide to change and make it look better so that u can acc use this in real life ik the previous version was bad and not worth giving ur friend so yea we made it look very good and we added confetti, make a wish button , and there is a new background petal effect i hope u guys will like it and we made the customization more ez and simple u can add ur own pic make it personal by adding the persons name and u can write a sweet message for them I HOPE U GUYS WILL LIKE THIS!!"}, {"post_id": 49462, "ts": "2026-08-18T10:03:54Z", "hours": 1.7719, "text": "I made a birthday gift card that u can send to ur friend u can customize the message and add pics"}, {"post_id": 49397, "ts": "2026-08-18T06:20:55Z", "hours": 0.6364, "text": "I added pics so that your friend can cherish the good memories"}, {"post_id": 49376, "ts": "2026-08-18T05:07:21Z", "hours": 0.8164, "text": "Enter a password and the person u send this gift will get this sweet message"}, {"post_id": 49175, "ts": "2026-08-17T20:18:54Z", "hours": 0.5028, "text": "I am working on a virtual bday gift that u can send to your friend"}]...
|
Title: Bday gift by @mabu | Stardance
Devlogs:
I Title: Bday gift by @mabu | Stardance
Devlogs:
I am working on a virtual bday gift that u can send to your friend
Enter a password and the person u send this gift will get this sweet message
I added pics so that your friend can cherish the good memories
I made a birthday gift card that u can send to ur friend u can customize the message and add pics
HI guys mabu here!! Based on the previous ship i decide to change and make it look better so that u can acc use this in real life ik the previous version was bad and not worth giving ur friend so yea we made it look very good and we added confetti, make a wish button , and there is a new background petal effect i hope u guys will like it and we made the customization more ez and simple u can add ur own pic make it personal by adding the persons name and u can write a sweet message for them I HOPE U GUYS WILL LIKE THIS!!
Hi everyone I am working on this idea where u can use the card in many ways like bday, anniversary, proposal and love note and i want to add more to this idea Currently my plan is to make it like each occasion the card will have different interactive buttons. Once i am happy with how it looks i will ship it
HI guys Today’s focus was on enhancing user customization and adding interactive New Card Menu: I built a new menu where users can see and choose all the different types of cards they want to customize Video System: Now, when a user opens a card a video plays first before the card shows up Scratch Message: I created a hidden message feature the receiver has to scratch the screen to reveal a sweet secret message And now the customization option will be on top so when u first open u will be shown a sample and then u can customize it. Thats it for today will try to add some more new stuff and make it better and useful for u guys GL everyone.
Hi everyone I added this new feature where u can make the card before the occasion and set a timer so u can share the gift with ur friend and he/she will be able to open it when the timer ends I hope the feature will u be useful and i hope u guys like it Thats all for today thank u guys and gl!!!
hi guys I improved a old scratch off card now to unlock the scratch off card the pesron need to ans a question and if he/she gets it correct he will be able to scratch it off and see whats written I am currently think abt more and cool stuff to add so u guys need to wait for a bit before i ship it again. Alr thats all from today gn and bye guys gl WITH LOVE MABU..
Hi guys! I added a new feature where you can upload a custom handwritten letter or drawing, or you can get creative and prank the person receiving the card by adding a meme to it. Imagine the person opening it and finding a stupid meme it is going to be so funny! You can also add a custom voice message for them. You can even record this on the website, so you can directly upload it for your convenience. (Note: All these features are optional. If you want to make your card better for your friend or loved one, you can use these features on the customization page.) Thats it for today guys i hope u like these new stuff THANK U GUYS MBAU OUT AND GL
HI guys I’ve added an exciting new feature to the gift card page: gift givers can now include an optional ‘magic word’ that recipients use to unlock a secret surprise But i am sure most ppl wont use this feature thats what i feel and i would love to hear if u guys like the feature But if u use this feature give the gift recipient a hint if they dont find it then just tell them Sorry guys its not a very good feature i am still thinking abt new stuff to add Thats all for today alr bye guys gl
Hi guys, I added a cool feature that I am sure all of you guys will love. Now you can make your friend say a stupid phrase to unlock the gift. This is going to be so cool and funny. Just think about it your friend needs to say something stupid to unlock the gift. You can customize the phrase in the customization option. I hope you guys like this idea, took a while to think about it. GL and bye!
Guys i tried out all the new stuff and old stuff to make sure it worked well and then i fixed some bugs i found and will ship by tom morning or later cause i have a exam tom sorry for the wait
Ships:
I always forget to get my friends a gift so i made a virtual gift for my friends i am sure he will like it. It does not look very good rn but later on i am going to make it even better and its going to blow ur mind off
[Note the password is bestfriend] Did u forget ur friends bday??? DONT WORRY WHEN MABU IS HERE I made a customizable gift card that u can download as a PDF and send to ur friend. U can add pics and write a sweet message for ur friend New features: U can now add 6 pics and write a custom sweet message, and u can even change the password, but don’t forget to give ur freind the hint to the password so he/she will be able to open it And there is new confetti that blasts when u enter the password. In the end, there is a special surprise ur friend can blow out the candles and make a wish I hope u guys like it and i cant wait to read the feedback so i can improve this
Hello everyone, [password for bday card is bestfriend and other cards is I LOVE u ] I always forget to buy gifts for my friends and loved ones on special occasions. Because of this, I decided to create the ultimate digital gift card that people can save and cherish for a long time. This website features four types of virtual cards:Birthday cards Anniversary card Ask out card Love notes When you open the website, you select the card you want. You must enter a password to open it. **The password for the birthday card is “bestfriend” and the password for the other three cards is “I LOVE U”. ** After entering the password, you will see a sample card.At the top of the page, you can customize your own card and download it. You can set a timer and send the card to your friend right before their birthday. To make the card special, you can add cool photos, write a sweet message inside a digital scratch off section, or even add a funny meme. If you want to make it the perfect gift, you can add a video that plays at the very start so your friend always remembers it I hope you like this idea and find it useful for daily life. It allows your friends to keep your gift forever and remember good memories. It is also perfect for sending to a boyfriend, girlfriend, or a friend who lives in another country. I look forward to reading your feedback. Thank you, Mabu out.
Virtual Gift Card and Memory Box [IMP PLS TRY USING THE VOICE MODE TO UNLOCK THE GIFT U CAN SAY “BESTFRIEND “OF THE BDAY GIFT AND “I LOVE U”FOR THE REST GIFTS AND ALSO TRY OUT THE ESTEREGG TYPE THE WORD “MAGIC “OUT IN THE SAMPLE GIFT PAGE ANYWHERE AND A SECRET GIFT WILL POPUP] Hey everyone! Mabu here. For anyone who always forgets to buy physical gifts for birthdays, anniversaries, or special moment I built the ultimate customizable digital gift card website What it features: (All this stuff can be customised and some of these are optional stuff) Four Card Types: Birthday, Anniversary, Ask Out, and Love Notes. Unlocking: unlock the gift with a password (default is bestfriend or I LOVE U) u can type the word or click on the mic button and speak the word out u can even change the word to a phrase so u can make ur frined say something to open his/her gift Timed Delivery: Set a countdown timer so the recipient can’t open the surprise until the actual special occasion arrives Memories: U can add 6 custom photos, record or upload a voice message, attach an opening video intro, or drop in a funny meme to prank them or u can add a handwritten letter so they can read it U can even make them type some word like special word anywere in the page just open the page and type the word magic and u can get a esteregg gift U can make a short quiz for them to unlock a scratch off message Would love to hear your feedback on the new stuff gl and bye Mabu out. (and pls pray for me that my exam goes good its in a week so i wont be able to work on this that much sorry!!)...
|
1792878634.3851852
|
1793742634.3851852
|
|
46729
|
My own site! by @janagoutamrana | Stardance
|
janagoutamrana
|
1
|
2.0
|
0
|
[{"ship_num": 1, "ts": "2026-0 [{"ship_num": 1, "ts": "2026-09-02T16:39:35Z", "hours": 2.0, "multiplier": null, "payout": 0, "blessing": "neutral", "text": "It is a educational platform which is benefit to students.which shows your progress,time table,quiz,etc. which make the real time work", "repo": "https://github.com/janagoutamrana-creator/eductonal-platform", "demo": "https://youtu.be/dB8c940Wnzw?si=rxEbFz7JxLpDs_Uo"}]...
|
[{"post_id": 59037, "ts": "202 [{"post_id": 59037, "ts": "2026-08-31T16:55:21Z", "hours": 2.2989, "text": "EDUCATIONAL PLATFORM"}]...
|
Title: My own site! by @janagoutamrana | Stardance Title: My own site! by @janagoutamrana | Stardance
Devlogs:
EDUCATIONAL PLATFORM
Ships:
It is a educational platform which is benefit to students.which shows your progress,time table,quiz,etc. which make the real time work...
|
1793289100.558547
|
1793375500.558547
|
|
51747
|
Stardust-Calculator by @anura | Stardance
|
anura
|
1
|
6.32
|
0
|
[{"ship_num": 1, "ts": "2026-0 [{"ship_num": 1, "ts": "2026-09-02T16:37:54Z", "hours": 6.0, "multiplier": null, "payout": 0, "blessing": "neutral", "text": "Made a Stardust calculator..", "repo": "https://github.com/anuragtamang095-coder/Stardust-Calculator", "demo": "https://anuragtamang095-coder.github.io/Stardust-Calculator/"}]...
|
[{"post_id": 60943, "ts": "202 [{"post_id": 60943, "ts": "2026-09-03T16:52:53Z", "hours": 0.3169, "text": "Had to rewrite somecodess(T-T)"}, {"post_id": 60322, "ts": "2026-09-02T16:34:46Z", "hours": 0.3494, "text": "finall done with the html, js, css and readme now its ready to shippp(-w-)"}, {"post_id": 59688, "ts": "2026-09-01T16:41:21Z", "hours": 0.4608, "text": "finallyyy done with the troubleshootingg..its ready to ship just need the readme.. and i am done for today i will do the readme tomorrow.."}, {"post_id": 58976, "ts": "2026-08-31T15:31:27Z", "hours": 1.2525, "text": "Thought i had it done it needs more polishing and i decided to add ester eggs:) enough for today like to stop for now got my semister comming so i gotta study(T-T)"}, {"post_id": 56679, "ts": "2026-08-28T15:18:55Z", "hours": 0.5861, "text": "Error after error i am so tired also have my semister after 2 weeks… i will work on it little by little.."}, {"post_id": 55110, "ts": "2026-08-26T15:55:18Z", "hours": 0.4894, "text": "Gonna ship it tomorrow.. i am tired today.. but gonna debug tonight.."}, {"post_id": 55085, "ts": "2026-08-26T15:14:58Z", "hours": 0.4333, "text": "Half of JS donee.. hope i don’t have to debug much.. i want to ship it today but idk if i will be able to finish it in time…"}, {"post_id": 54602, "ts": "2026-08-25T17:02:03Z", "hours": 0.7536, "text": "DONEEE with the CSS now i can finally sleeppp…(ToT) tomorrow start with JS…"}, {"post_id": 54506, "ts": "2026-08-25T15:10:58Z", "hours": 0.4, "text": "Today i am working on CSS after the HTML half of it is complete.. will be able to complete the calculator tomorrow after JS maybe…"}, {"post_id": 53804, "ts": "2026-08-24T14:37:41Z", "hours": 0.5181, "text": "Done with Html.. done for today.. tomorrow css"}, {"post_id": 53767, "ts": "2026-08-24T13:26:41Z", "hours": 0.4, "text": "Working on a calculator for stardust calculation as per the bonus and alll.. just done with half of html."}]...
|
Title: Stardust-Calculator by @anura | Stardance
Title: Stardust-Calculator by @anura | Stardance
Devlogs:
Working on a calculator for stardust calculation as per the bonus and alll.. just done with half of html.
Done with Html.. done for today.. tomorrow css
Today i am working on CSS after the HTML half of it is complete.. will be able to complete the calculator tomorrow after JS maybe…
DONEEE with the CSS now i can finally sleeppp…(ToT) tomorrow start with JS…
Half of JS donee.. hope i don’t have to debug much.. i want to ship it today but idk if i will be able to finish it in time…
Gonna ship it tomorrow.. i am tired today.. but gonna debug tonight..
Error after error i am so tired also have my semister after 2 weeks… i will work on it little by little..
Thought i had it done it needs more polishing and i decided to add ester eggs:) enough for today like to stop for now got my semister comming so i gotta study(T-T)
finallyyy done with the troubleshootingg..its ready to ship just need the readme.. and i am done for today i will do the readme tomorrow..
finall done with the html, js, css and readme now its ready to shippp(-w-)
Had to rewrite somecodess(T-T)
Ships:
Made a Stardust calculator.....
|
1793051345.1710455
|
1793915345.1710455
|
|
56402
|
fancy ahh weather app for m country by @OrderDanie fancy ahh weather app for m country by @OrderDanie | Stardance...
|
OrderDanie
|
2
|
2.0
|
4
|
[{"ship_num": 1, "ts": "2026-0 [{"ship_num": 1, "ts": "2026-09-02T16:32:04Z", "hours": 1.0, "multiplier": 2.41, "payout": 2, "blessing": "neutral", "text": "i imrpoved the webapp, since the devs tought it was ai like ui, and also added all the feedback suggestions, like news, multi cities weater, simpler serach bar, smaller animations", "repo": "https://github.com/OrderDanie/FOR-GOD-s-SAKE-ITS-A-WEATHER-APP-STOP-ASKING", "demo": "https://scintillating-lamington-d199c2.netlify.app/"}, {"ship_num": 2, "ts": "2026-08-30T19:58:14Z", "hours": 1.0, "multiplier": 2.01, "payout": 2, "blessing": "neutral", "text": "hehe, time to speak, um, this app was a dream come true to me ngl, i long wanted to have an actual website, that has anything on it, not some random project, tho i had a hard time coding, since i started it on my i3 5th laptop, on 4gb ddr3, which was pain, but hey now i have an i5 10th, anyways, oh yea before you go ahead and test the website, go ahead and test the website what are you wating for??? STOP READING, REALLY THO, bruh just go alrd.", "repo": "https://github.com/OrderDanie/FOR-GOD-s-SAKE-ITS-A-WEATHER-APP-STOP-ASKING", "demo": "https://scintillating-lamington-d199c2.netlify.app/"}]...
|
[{"post_id": 60317, "ts": "202 [{"post_id": 60317, "ts": "2026-09-02T16:28:35Z", "hours": 0.3522, "text": "very important news today"}, {"post_id": 59199, "ts": "2026-08-31T21:08:15Z", "hours": 0.2997, "text": "CHECK OUT THIS ANIMATION, dont mind the lag gng its not my fault, im griding for the framework laptop"}, {"post_id": 59185, "ts": "2026-08-31T20:38:00Z", "hours": 0.3972, "text": "FOR THE GUY THAT SAID THE UI LOOKS VIBECODED, i have learned how to use design, not really thi, i just used another website that simplifies the css and ui work, BUT THERE YOU GO, also added support for other countries, how you find yours"}, {"post_id": 58387, "ts": "2026-08-30T19:54:35Z", "hours": 0.2672, "text": "YEP I GOT IT, THATS RIGHT, I WIN"}, {"post_id": 58352, "ts": "2026-08-30T18:54:16Z", "hours": 0.555, "text": "nvm i got it, maybe?"}, {"post_id": 58294, "ts": "2026-08-30T17:51:23Z", "hours": 0.2964, "text": "see, thats not supposed to happen"}]...
|
Title: fancy ahh weather app for m country by @Ord Title: fancy ahh weather app for m country by @OrderDanie | Stardance
Devlogs:
see, thats not supposed to happen
nvm i got it, maybe?
YEP I GOT IT, THATS RIGHT, I WIN
FOR THE GUY THAT SAID THE UI LOOKS VIBECODED, i have learned how to use design, not really thi, i just used another website that simplifies the css and ui work, BUT THERE YOU GO, also added support for other countries, how you find yours
CHECK OUT THIS ANIMATION, dont mind the lag gng its not my fault, im griding for the framework laptop
very important news today
Ships:
hehe, time to speak, um, this app was a dream come true to me ngl, i long wanted to have an actual website, that has anything on it, not some random project, tho i had a hard time coding, since i started it on my i3 5th laptop, on 4gb ddr3, which was pain, but hey now i have an i5 10th, anyways, oh yea before you go ahead and test the website, go ahead and test the website what are you wating for??? STOP READING, REALLY THO, bruh just go alrd.
i imrpoved the webapp, since the devs tought it was ai like ui, and also added all the feedback suggestions, like news, multi cities weater, simpler serach bar, smaller animations...
|
1792878613.812397
|
1793742613.812397
|
|
34331
|
Chess by @Pery | Stardance
|
Pery
|
3
|
8.28
|
89
|
[{"ship_num": 1, "ts": "2026-0 [{"ship_num": 1, "ts": "2026-09-02T16:30:12Z", "hours": 1.0, "multiplier": 7.92, "payout": 11, "blessing": "neutral", "text": "New update is donee! in feedback prompt tell me what to add/fix!", "repo": "https://github.com/davidperyro-stack/chess", "demo": "https://davidperyro-stack.github.io/chess/index.html"}, {"ship_num": 2, "ts": "2026-08-30T21:53:16Z", "hours": 1.0, "multiplier": 13.96, "payout": 12, "blessing": "neutral", "text": "Update finally done :D PLEASE in your feedback prompt say what should i add next or what to fix. pieces move by clicking on them right now. (im on my phone so i cant get a picture of the site on this)", "repo": "https://github.com/davidperyro-stack/chess", "demo": "https://davidperyro-stack.github.io/chess/index.html"}, {"ship_num": 3, "ts": "2026-07-23T23:09:10Z", "hours": 6.0, "multiplier": 11.29, "payout": 66, "blessing": "neutral", "text": "PROJECT FINALLY DONE. added the files and ranks name too!!! More updates will come soon!", "repo": "https://github.com/davidperyro-stack/chess", "demo": "https://davidperyro-stack.github.io/chess/index.html"}]...
|
[{"post_id": 60764, "ts": "202 [{"post_id": 60764, "ts": "2026-09-03T11:04:21Z", "hours": 0.2783, "text": "devlog 4.1# This wont end but whatever… Ive changed the FIRST THING TO DO (the most important and life changing modification) WAS changing the background to a darker purple."}, {"post_id": 60277, "ts": "2026-09-02T15:29:24Z", "hours": 0.7733, "text": "devlog 3.2# Came back with a new update!!!! Ive fixed the problem with the pieces when grabbing them goes BIGGGGGGGG, and besides that ive re-added the legal moves indicator. A slighty bigger update was that NOW theres sound. 8-bit sounds like but i think its kinda unique other than using the normal pieces sounds like how the popular chess sites uses (chess.com/lichess.org)"}, {"post_id": 59204, "ts": "2026-08-31T21:13:12Z", "hours": 0.5539, "text": "devlog 3.1# Good news and bad news, the pieces are now draggable. bad news the pieces when you grab it, its big as my head"}, {"post_id": 58394, "ts": "2026-08-30T19:58:47Z", "hours": 0.3756, "text": "devlog 2.2# Came back to this project to update it after making other projects. (aka, i forgot about this :P). What ive added? Well ive removed and added at the same time. I removed the analyze board because i couldnt find a way to make it better. I added a popout that shows up when you change difficulty"}, {"post_id": 40642, "ts": "2026-08-04T10:07:59Z", "hours": 0.4731, "text": "devlog 2.1# Came back to update the project. One of the reviews said that i have to make the bot “think” for few seconds (added to wait for 1.5 seconds) and an other one to make the bot easier by changing the bot. Im not changing the bot but adding the chance of the bot making mistakes. (easy = 0.50 ; medium = 0.15 ; hard = 0.05). Somebody said that the board is too basic and it doesnt work, YOURE A LIAR. THE BOARD WORKS AND THE BOARD IS A CHESS BOARD, WHAT DO YOU WANT TO EXPECT?"}, {"post_id": 33756, "ts": "2026-07-23T22:29:55Z", "hours": 1.0669, "text": "devlog 7# total suffering. but HEY! finally added analysis board, its not really similar to lichess,chess.com or whatever is there. but it does work! im about to add now files and ranks (a-h) and (1-8) on the side the board"}, {"post_id": 33682, "ts": "2026-07-23T20:01:13Z", "hours": 1.3056, "text": "devlog 6# Day 3 of making chess. PROJECT IS ALMOST DONEE!!!!! Fixed stockfish. Now it moves. added difficulties and move highlight. nothing else to say right now…"}, {"post_id": 33227, "ts": "2026-07-22T22:59:51Z", "hours": 0.9286, "text": "devlog 5# New things added and bugs fixed!!!!! added a circle that shows legal captures. checkmate message and square highlight when its check. Now i will start adding a bot,i have 2 options, minimax or stockfish…. prob i will go with stockfish. but now i have to see whats minimax and whats good for this! Soon i will add more messages (such as stalemate,repetition move draw,50 rule move draw) and analyze tab."}, {"post_id": 33118, "ts": "2026-07-22T18:53:17Z", "hours": 0.5578, "text": "devlog 4# Good news and bad news. Made the pieces move legal. added legal move highlights. fixed the selected piece highlight (i didnt show at devlog 3# but the selected piece highlight it showed only the upper part and the left part of the square). The bad news is that when its blacks turn and you press white pieces accidentaly,you cant do anything…."}, {"post_id": 33080, "ts": "2026-07-22T17:41:33Z", "hours": 0.8708, "text": "devlog 3# Day 2 of making chess. right now (thanks to youtube and little help from AI) i added the pieces and put them in their place. now i have to make them move. from what i saw (and what chatgpt said) i can make them move with many lines of code (something manual) or with a help of chess.js. Asked AI whats the best and they said that its good with chess.js. Also i added an outline of the square you press/select. My plan right now for this project is: -making the pieces work and move, IN LEGAL WAY. -adding bot/stockfish with diffrent levels -tab to analyze your games -probally like in chess.com/lichess.org,adding a “papersheet” of the moves that happen in the board"}, {"post_id": 32313, "ts": "2026-07-21T12:24:57Z", "hours": 0.5053, "text": "devlog 2# Finally made the chessboard (prob i will change the color,idk) SPECIAL THANKS FOR LICHESS FOR HAVING A GITHUB FOLDER WITH ALL THEIR PIECES!!!!!!!!!!!! Now i have to set them up. like put them in their places."}, {"post_id": 32289, "ts": "2026-07-21T11:15:12Z", "hours": 0.6369, "text": "devlog 1# Trying to make chess. things i would add to this is: -Board (of course) -Pieces (of course 2x) -coordonates -working bot to play with -diffrent dificulties of the bot (more ideas will come soon!!!) Right now im working on the first one from the list (board). PLEASE DONT SAY ANYTHING THAT I USE OPERA GX. IM LAZY TO CHANGE BROWSERS"}]...
|
Title: Chess by @Pery | Stardance
Devlogs:
devlog Title: Chess by @Pery | Stardance
Devlogs:
devlog 1# Trying to make chess. things i would add to this is: -Board (of course) -Pieces (of course 2x) -coordonates -working bot to play with -diffrent dificulties of the bot (more ideas will come soon!!!) Right now im working on the first one from the list (board). PLEASE DONT SAY ANYTHING THAT I USE OPERA GX. IM LAZY TO CHANGE BROWSERS
devlog 2# Finally made the chessboard (prob i will change the color,idk) SPECIAL THANKS FOR LICHESS FOR HAVING A GITHUB FOLDER WITH ALL THEIR PIECES!!!!!!!!!!!! Now i have to set them up. like put them in their places.
devlog 3# Day 2 of making chess. right now (thanks to youtube and little help from AI) i added the pieces and put them in their place. now i have to make them move. from what i saw (and what chatgpt said) i can make them move with many lines of code (something manual) or with a help of chess.js. Asked AI whats the best and they said that its good with chess.js. Also i added an outline of the square you press/select. My plan right now for this project is: -making the pieces work and move, IN LEGAL WAY. -adding bot/stockfish with diffrent levels -tab to analyze your games -probally like in chess.com/lichess.org,adding a “papersheet” of the moves that happen in the board
devlog 4# Good news and bad news. Made the pieces move legal. added legal move highlights. fixed the selected piece highlight (i didnt show at devlog 3# but the selected piece highlight it showed only the upper part and the left part of the square). The bad news is that when its blacks turn and you press white pieces accidentaly,you cant do anything….
devlog 5# New things added and bugs fixed!!!!! added a circle that shows legal captures. checkmate message and square highlight when its check. Now i will start adding a bot,i have 2 options, minimax or stockfish…. prob i will go with stockfish. but now i have to see whats minimax and whats good for this! Soon i will add more messages (such as stalemate,repetition move draw,50 rule move draw) and analyze tab.
devlog 6# Day 3 of making chess. PROJECT IS ALMOST DONEE!!!!! Fixed stockfish. Now it moves. added difficulties and move highlight. nothing else to say right now…
devlog 7# total suffering. but HEY! finally added analysis board, its not really similar to lichess,chess.com or whatever is there. but it does work! im about to add now files and ranks (a-h) and (1-8) on the side the board
devlog 2.1# Came back to update the project. One of the reviews said that i have to make the bot “think” for few seconds (added to wait for 1.5 seconds) and an other one to make the bot easier by changing the bot. Im not changing the bot but adding the chance of the bot making mistakes. (easy = 0.50 ; medium = 0.15 ; hard = 0.05). Somebody said that the board is too basic and it doesnt work, YOURE A LIAR. THE BOARD WORKS AND THE BOARD IS A CHESS BOARD, WHAT DO YOU WANT TO EXPECT?
devlog 2.2# Came back to this project to update it after making other projects. (aka, i forgot about this :P). What ive added? Well ive removed and added at the same time. I removed the analyze board because i couldnt find a way to make it better. I added a popout that shows up when you change difficulty
devlog 3.1# Good news and bad news, the pieces are now draggable. bad news the pieces when you grab it, its big as my head
devlog 3.2# Came back with a new update!!!! Ive fixed the problem with the pieces when grabbing them goes BIGGGGGGGG, and besides that ive re-added the legal moves indicator. A slighty bigger update was that NOW theres sound. 8-bit sounds like but i think its kinda unique other than using the normal pieces sounds like how the popular chess sites uses (chess.com/lichess.org)
devlog 4.1# This wont end but whatever… Ive changed the FIRST THING TO DO (the most important and life changing modification) WAS changing the background to a darker purple.
Ships:
PROJECT FINALLY DONE. added the files and ranks name too!!! More updates will come soon!
Update finally done :D PLEASE in your feedback prompt say what should i add next or what to fix. pieces move by clicking on them right now. (im on my phone so i cant get a picture of the site on this)
New update is donee! in feedback prompt tell me what to add/fix!...
|
1793130721.3865354
|
1793217121.3865354
|
|
57395
|
My own site! by @AbhrajitGogoi | Stardance
|
AbhrajitGogoi
|
1
|
1.0
|
0
|
[{"ship_num": 1, "ts": "2026-0 [{"ship_num": 1, "ts": "2026-09-02T16:26:26Z", "hours": 1.0, "multiplier": null, "payout": 0, "blessing": "neutral", "text": "Hello World!! This is my first stardance project and also the first time in ages i have made something using code. This was my milestone in stepping into software and hardware formally. Hereon I plan to be actively building for this year and hope to get a new laptop before college and get into IIT Bombay for it!! the nostalgia while building this was unmatched. I remember learning all this back in 6th grade and sometimes the commands just pop into my head and it feels awesome. the hardest part personally was the color palette which i think i still don’t quite get it and its not as good to the eye as i hoped it would be. But it is my first project and I hope to improve drastically moving forward!!. Thank you :)", "repo": "https://github.com/Abhrajit-Gogoi/my-first-site", "demo": "https://abhrajit-gogoi.github.io/my-first-site/"}]...
|
[{"post_id": 60122, "ts": "202 [{"post_id": 60122, "ts": "2026-09-02T09:18:44Z", "hours": 0.3464, "text": "tried 2 color styles from coolors.co but i guess this color thing, I don’t quite get the hang of but this will be my final version i might change the color in the future though….."}, {"post_id": 60114, "ts": "2026-09-02T08:47:29Z", "hours": 0.4367, "text": "Done with the HTML part and added divisions and context. Now off we go to design this beautiful site."}, {"post_id": 60105, "ts": "2026-09-02T08:07:12Z", "hours": 0.3803, "text": "#initial devlog working on getting the html done. have initialised the project will start creating sections. throwback to 6th grade when I learnt it for the first time!!!"}]...
|
Title: My own site! by @AbhrajitGogoi | Stardance
Title: My own site! by @AbhrajitGogoi | Stardance
Devlogs:
#initial devlog working on getting the html done. have initialised the project will start creating sections. throwback to 6th grade when I learnt it for the first time!!!
Done with the HTML part and added divisions and context. Now off we go to design this beautiful site.
tried 2 color styles from coolors.co but i guess this color thing, I don’t quite get the hang of but this will be my final version i might change the color in the future though…..
Ships:
Hello World!! This is my first stardance project and also the first time in ages i have made something using code. This was my milestone in stepping into software and hardware formally. Hereon I plan to be actively building for this year and hope to get a new laptop before college and get into IIT Bombay for it!! the nostalgia while building this was unmatched. I remember learning all this back in 6th grade and sometimes the commands just pop into my head and it feels awesome. the hardest part personally was the color palette which i think i still don’t quite get it and its not as good to the eye as i hoped it would be. But it is my first project and I hope to improve drastically moving forward!!. Thank you :)...
|
1792878496.171384
|
1793742496.171384
|
|
49653
|
Jumpy BALL! by @mohithkumar | Stardance
|
mohithkumar
|
1
|
8.0
|
0
|
[{"ship_num": 1, "ts": "2026-0 [{"ship_num": 1, "ts": "2026-09-02T16:24:54Z", "hours": 8.0, "multiplier": null, "payout": 0, "blessing": "neutral", "text": "This is pixel styled minigames which have been combined with help of global health system , and have unique Jump and running animation. I have made the sprites and background using pixilart and Canva. The game also have a unique minigame 3 which have been inspired by Mario.", "repo": "https://github.com/mohithkumar-kry/Fresh-Platformer", "demo": "https://mohithkumar-kry.itch.io/pixel-warrior"}]...
|
[{"post_id": 59640, "ts": "202 [{"post_id": 59640, "ts": "2026-09-01T15:40:39Z", "hours": 2.0336, "text": "Just completed my version 1 of pixel warrior. These are the current features for game version 1: -Added animations. -Added extra level(kind of Mario jumping). -Added winning screen. -Made levels little tougher."}, {"post_id": 52743, "ts": "2026-08-23T02:26:31Z", "hours": 6.4294, "text": "This is my first ever game, only death screen and winning screen is pending. The version 1 of game consist of 3 mini games."}]...
|
Title: Jumpy BALL! by @mohithkumar | Stardance
De Title: Jumpy BALL! by @mohithkumar | Stardance
Devlogs:
This is my first ever game, only death screen and winning screen is pending. The version 1 of game consist of 3 mini games.
Just completed my version 1 of pixel warrior. These are the current features for game version 1: -Added animations. -Added extra level(kind of Mario jumping). -Added winning screen. -Made levels little tougher.
Ships:
This is pixel styled minigames which have been combined with help of global health system , and have unique Jump and running animation. I have made the sprites and background using pixilart and Canva. The game also have a unique minigame 3 which have been inspired by Mario....
|
1793296259.842779
|
1793382659.842779
|
|
56176
|
school website by @rimalchetan18 | Stardance
|
rimalchetan18
|
1
|
2.0
|
0
|
[{"ship_num": 1, "ts": "2026-0 [{"ship_num": 1, "ts": "2026-09-02T15:52:20Z", "hours": 2.0, "multiplier": null, "payout": 0, "blessing": "neutral", "text": "A modern, responsive website for Janak Higher Secondary School, redesigned with a premium UI, 3D visual elements, real school campus photography, complete navigation, academic information, admissions, events, news, gallery, achievements, and contact sections.", "repo": "https://github.com/evilhere7/janak-school-website-updated-", "demo": "https://janak-school-website-updated-ljvi7ixcb-evilhere7s-projects.vercel.app/"}]...
|
[{"post_id": 57953, "ts": "202 [{"post_id": 57953, "ts": "2026-08-30T09:05:13Z", "hours": 2.1819, "text": "a school website"}]...
|
Title: school website by @rimalchetan18 | Stardanc Title: school website by @rimalchetan18 | Stardance
Devlogs:
a school website
Ships:
A modern, responsive website for Janak Higher Secondary School, redesigned with a premium UI, 3D visual elements, real school campus photography, complete navigation, academic information, admissions, events, news, gallery, achievements, and contact sections....
|
1793285539.376346
|
1793371939.376346
|
|
57469
|
my os by @OrderDanie | Stardance
|
OrderDanie
|
1
|
1.0
|
0
|
[{"ship_num": 1, "ts": "2026-0 [{"ship_num": 1, "ts": "2026-09-02T15:38:32Z", "hours": 1.0, "multiplier": null, "payout": 0, "blessing": "neutral", "text": "i made an os, instead of making a very fancy one, i went with minimalistic, smooth, none dustractive, it was fun to make, since it only needed balck n white, there wasnt much to do", "repo": "https://github.com/OrderDanie/wackOs", "demo": "https://monoos.netlify.app"}]...
|
[{"post_id": 60279, "ts": "202 [{"post_id": 60279, "ts": "2026-09-02T15:32:58Z", "hours": 0.3775, "text": "check this out, cool ahh ui"}, {"post_id": 60237, "ts": "2026-09-02T14:05:36Z", "hours": 0.5944, "text": "BEHOLD, THE IFS"}, {"post_id": 60216, "ts": "2026-09-02T13:27:26Z", "hours": 0.4719, "text": "just finished the css and ui work, time for the worst part T-T, JAVA"}]...
|
Title: my os by @OrderDanie | Stardance
Devlogs:
Title: my os by @OrderDanie | Stardance
Devlogs:
just finished the css and ui work, time for the worst part T-T, JAVA
BEHOLD, THE IFS
check this out, cool ahh ui
Ships:
i made an os, instead of making a very fancy one, i went with minimalistic, smooth, none dustractive, it was fun to make, since it only needed balck n white, there wasnt much to do...
|
1792878531.01299
|
1793742531.01299
|
|
47521
|
chip 8 emulator by @vexith | Stardance
|
vexith
|
2
|
9.0
|
53
|
[{"ship_num": 1, "ts": "2026-0 [{"ship_num": 1, "ts": "2026-09-02T15:13:03Z", "hours": 7.0, "multiplier": 6.72, "payout": 50, "blessing": "neutral", "text": "i built a lightweight chip-8 (programming language for old 8-bits microcomputers from the 1970s) emulator from scratch. now it’s running pratically all the games i tested for it without glitches, only “issue” to address is a light flicker but this is by design of chip8 how to test it: compile it yourself or run the pre-compiled binary on github.", "repo": "https://github.com/Vexith/chip8-emulator-c/", "demo": "https://github.com/Vexith/chip8-emulator-c/releases/"}, {"ship_num": 2, "ts": "2026-08-13T18:32:49Z", "hours": 2.0, "multiplier": 2.03, "payout": 3, "blessing": "neutral", "text": "i built a lightweight chip-8 emulator from scratch. now it’s very minimal and stripped down (not all opcodes implemented yet), but it sucessfully loads and renders the basic IBM rom how to test it: compile it yourself (made exclusively for windows) or run the pre-compiled exe on github.", "repo": "https://github.com/Vexith/chip8-emulator-c/", "demo": "https://github.com/Vexith/chip8-emulator-c/releases/"}]...
|
[{"post_id": 60208, "ts": "202 [{"post_id": 60208, "ts": "2026-09-02T13:10:35Z", "hours": 2.6883, "text": "devlog #4 - audio engine, new ui and linux build added sound support fixed a bug in the draw instruction missing a “break;” fixed a bug in math operations that bugged the collision in some games (brix and pong) readme rewritten for better clarity new user interface added linux support (sorry for bad gameplay)"}, {"post_id": 56342, "ts": "2026-08-28T02:36:52Z", "hours": 2.2806, "text": "devlog #3 - (not so) final release added rendering with SDL in a separate window added the remaining opcodes for running all chip8 demos/games fixed the shortcut to exit the emulator (ESC)"}, {"post_id": 48555, "ts": "2026-08-17T00:16:18Z", "hours": 2.4947, "text": "devlog #2 - small corrections what changed: separation of cpu and display responsibilities into dedicated implementation and header files (cpu.c/cpu.h and display.c/display.h). decoding of the x and y registers (in cpu cycle) is now performed once before opcode checking, eliminating redundancy within each switch case. removal of legacy debugging routines and standardization of video buffer handling. (basically same gif as before)"}, {"post_id": 46462, "ts": "2026-08-13T18:00:57Z", "hours": 1.6142, "text": "devlog #1 - writing a emulator i built this (not so) simple emulator for the CHIP-8 architecture what’s working: 4kb ram, 16 registers (V0-VF), Index (I) & PC (0x200) opcodes: clear (00E0), jmp (1NNN), 6XNN and 7XNN (math basically), index (ANNN) and sprites (DXYN) rendering in ascii (thinking about changing it to sdl2) todo: full 35 opcode support keypad input (maybe) migrating to SDL2"}]...
|
Title: chip 8 emulator by @vexith | Stardance
Dev Title: chip 8 emulator by @vexith | Stardance
Devlogs:
devlog #1 - writing a emulator i built this (not so) simple emulator for the CHIP-8 architecture what’s working: 4kb ram, 16 registers (V0-VF), Index (I) & PC (0x200) opcodes: clear (00E0), jmp (1NNN), 6XNN and 7XNN (math basically), index (ANNN) and sprites (DXYN) rendering in ascii (thinking about changing it to sdl2) todo: full 35 opcode support keypad input (maybe) migrating to SDL2
devlog #2 - small corrections what changed: separation of cpu and display responsibilities into dedicated implementation and header files (cpu.c/cpu.h and display.c/display.h). decoding of the x and y registers (in cpu cycle) is now performed once before opcode checking, eliminating redundancy within each switch case. removal of legacy debugging routines and standardization of video buffer handling. (basically same gif as before)
devlog #3 - (not so) final release added rendering with SDL in a separate window added the remaining opcodes for running all chip8 demos/games fixed the shortcut to exit the emulator (ESC)
devlog #4 - audio engine, new ui and linux build added sound support fixed a bug in the draw instruction missing a “break;” fixed a bug in math operations that bugged the collision in some games (brix and pong) readme rewritten for better clarity new user interface added linux support (sorry for bad gameplay)
Ships:
i built a lightweight chip-8 emulator from scratch. now it’s very minimal and stripped down (not all opcodes implemented yet), but it sucessfully loads and renders the basic IBM rom how to test it: compile it yourself (made exclusively for windows) or run the pre-compiled exe on github.
i built a lightweight chip-8 (programming language for old 8-bits microcomputers from the 1970s) emulator from scratch. now it’s running pratically all the games i tested for it without glitches, only “issue” to address is a light flicker but this is by design of chip8 how to test it: compile it yourself or run the pre-compiled binary on github....
|
1793271142.31194
|
1793357542.31194
|
|
35938
|
Tic Tac Hell No!! by @damaker | Stardance
|
damaker
|
1
|
5.0
|
42
|
[{"ship_num": 1, "ts": "2026-0 [{"ship_num": 1, "ts": "2026-09-02T15:01:15Z", "hours": 5.0, "multiplier": 9.1, "payout": 42, "blessing": "neutral", "text": "in this project i made an unbeatable tic tac toe game, thus the name TIC TAC HELLO NO! ;) I buiilt this project while learning about the minimax algorithm, and eventually learned alpha beta pruning which helped me improve this project. it uses basic html css and vanilla js. i shipped this one to macondo but sadly it got stuck in review process for 2 months so i removed it from macondo and came to stardance!!! win the bot in a game of tic tac toe , if u can!! link: https://damakerdev.github.io/tictactoe/", "repo": "https://github.com/damakerdev/tictactoe/", "demo": "https://damakerdev.github.io/tictactoe/"}]...
|
[{"post_id": 60261, "ts": "202 [{"post_id": 60261, "ts": "2026-09-02T14:58:41Z", "hours": 4.58, "text": "tic tac hell no is a project that i build while learning about the minimax algorithm. i had submitted this project to macondo but sadly it was stuck inreview since july so i withdrew it from macondo and shipped it to stardance. STARDANCE FTW!!! Firstly, I made a basic board UI for the game using html and css. When clicked on the cells, X or O is shown. then, i added game logic validation, win lose condition, and minimax algorithm to it. now, it works as a basic 2 player tic tac toe game where the user is X and the computer/AI/bot is O."}]...
|
Title: Tic Tac Hell No!! by @damaker | Stardance
Title: Tic Tac Hell No!! by @damaker | Stardance
Devlogs:
tic tac hell no is a project that i build while learning about the minimax algorithm. i had submitted this project to macondo but sadly it was stuck inreview since july so i withdrew it from macondo and shipped it to stardance. STARDANCE FTW!!! Firstly, I made a basic board UI for the game using html and css. When clicked on the cells, X or O is shown. then, i added game logic validation, win lose condition, and minimax algorithm to it. now, it works as a basic 2 player tic tac toe game where the user is X and the computer/AI/bot is O.
Ships:
in this project i made an unbeatable tic tac toe game, thus the name TIC TAC HELLO NO! ;) I buiilt this project while learning about the minimax algorithm, and eventually learned alpha beta pruning which helped me improve this project. it uses basic html css and vanilla js. i shipped this one to macondo but sadly it got stuck in review process for 2 months so i removed it from macondo and came to stardance!!! win the bot in a game of tic tac toe , if u can!! link: https://damakerdev.github.io/tictactoe/...
|
1793263986.0301597
|
1793350386.0301597
|
|
45121
|
Terminal Velocity by @TheMadPixel | Stardance
|
TheMadPixel
|
1
|
22.0
|
0
|
[{"ship_num": 1, "ts": "2026-0 [{"ship_num": 1, "ts": "2026-09-02T14:39:56Z", "hours": 22.0, "multiplier": null, "payout": 0, "blessing": "neutral", "text": "Terminal velocity is a top-down pixel art puzzle game. The main mechanic is a countndown timer, which you have to perform tasks (minigames/puzzles) within or lose the game. My main issue was the layering, due to the artstyle and perspective, which would cause some visual errors. I’m really proud of the level of polish I managed to achieve, especially in a short timespan.", "repo": "https://github.com/TheMadPixel/Terminal_Velocity", "demo": "https://themadpixel.itch.io/terminal-velocity"}]...
|
[{"post_id": 60247, "ts": "202 [{"post_id": 60247, "ts": "2026-09-02T14:33:32Z", "hours": 4.6897, "text": "Finishing touches: polished the game, general bug fixes and implementation of the ending"}, {"post_id": 50697, "ts": "2026-08-20T00:53:18Z", "hours": 15.4739, "text": "Made some props and set up some unique rooms for each of the different themed minigames"}, {"post_id": 47012, "ts": "2026-08-14T16:21:00Z", "hours": 1.6531, "text": "Working on some minigames"}]...
|
Title: Terminal Velocity by @TheMadPixel | Stardan Title: Terminal Velocity by @TheMadPixel | Stardance
Devlogs:
Working on some minigames
Made some props and set up some unique rooms for each of the different themed minigames
Finishing touches: polished the game, general bug fixes and implementation of the ending
Ships:
Terminal velocity is a top-down pixel art puzzle game. The main mechanic is a countndown timer, which you have to perform tasks (minigames/puzzles) within or lose the game. My main issue was the layering, due to the artstyle and perspective, which would cause some visual errors. I’m really proud of the level of polish I managed to achieve, especially in a short timespan....
|
1792878680.465426
|
1793742680.465426
|
|
30208
|
Nokira's Website by @nokira | Stardance
|
nokira
|
4
|
29.0
|
186
|
[{"ship_num": 1, "ts": "2026-0 [{"ship_num": 1, "ts": "2026-09-02T13:53:04Z", "hours": 17.0, "multiplier": 7.91, "payout": 137, "blessing": "neutral", "text": "This is the updated version of my personal website. At first it was quite simple since I was still learning, but now, after many other projects I upgraded it and also used the grant to buy a proper domain. In this website there are different sections: About me, to learn more about… me. Interests, here I listed my interests divided in categories. Projects, a page dedicated entirely to show all the projects I did Gallery, page where I upload some pictures that I took and find good enough to share them. Blog, well, a blog.", "repo": "https://github.com/n0kira/nokira.dev", "demo": "https://nokira.dev/"}, {"ship_num": 2, "ts": "2026-07-15T16:32:19Z", "hours": 7.0, "multiplier": 5.32, "payout": 39, "blessing": "neutral", "text": "I updated the previous personal website. Since the original was a bit more playful but I wanted to try and make something more minimal and professional, instead of just deleting the previous one I decided to create a dedicated section for it. There I will show only my polished projects and included a timeline for my achievements. Also I updated some stuff in the original page. I added a “Hobbies” space and moved the technologies over to the new part. Honestly after all the work with even other projects I managed to get comfortable with CSS so this time it wasn’t as hard as the previous one, but I had to still follow a tutorial if that’s okay to build the timeline. Other than that I was pretty comfortable with doing the HTML and JS. The page shown in this screenshot is in a subfolder “pro”, it is accessible by clicking the first link near the “About Me” title of the starting page.", "repo": "https://github.com/n0kira/nokira.dev", "demo": "https://nokira.dev/"}, {"ship_num": 3, "ts": "2026-07-04T14:18:40Z", "hours": 2.0, "multiplier": 5.59, "payout": 10, "blessing": "neutral", "text": "I’m really proud of how this project turned out! I’m still improving little details, but I like the result. I finally feel like I found the right layout and colors even though CSS is still the hardest part to fully understand. Overall I believe this project has the possibility to be improved in many ways and I’ll try to do that in the coming days! :)", "repo": "https://github.com/n0kira/nokira.dev", "demo": "https://nokira.dev/"}, {"ship_num": 4, "ts": "2026-07-03T13:11:31Z", "hours": 3.0, "multiplier": null, "payout": 0, "blessing": "neutral", "text": "I just created my very first website! It’s not really complicated but it took me some time to get everything to look the way i wanted. The most challenging part was the CSS. I thought it would have been easy to apply a few colors, but it was really hard to find the right style for my personal website. Overall, I’m really satisfied with my first project!", "repo": "https://github.com/n0kira/nokira.dev", "demo": "https://nokira.dev/"}]...
|
[{"post_id": 60227, "ts": "202 [{"post_id": 60227, "ts": "2026-09-02T13:48:13Z", "hours": 0.9864, "text": "Devlog #8 Shipping Hi!! I think it’s time to ship this project once again. A LOT changed since last ship, actually, everything changed. Today I finished the README files."}, {"post_id": 58097, "ts": "2026-08-30T13:31:11Z", "hours": 2.0317, "text": "Devlog #7 Hii guys! I couldn’t work much in these last days but I finally managed to finish the Blog! I created it under a subdomain, https://blog.nokira.dev , and in the Home page you can see the “Latest Blog Post” to get a preview. If anyone has something to suggest, please comment! I am always happy to hear feedback or things to add :) Byee!!"}, {"post_id": 55087, "ts": "2026-08-26T15:17:31Z", "hours": 1.9519, "text": "Devlog #6 Projects page! Hii! Today I worked only on doing the Projects page and it was quite easy since I took most of the code from the Gallery and adapted it. In the next days I will polish everything and start working on finishing the home page. Thank you all for reading! :)"}, {"post_id": 54722, "ts": "2026-08-25T20:01:32Z", "hours": 5.0983, "text": "Devlog #5 Gallery! Hii everyone!! Today I spent quite some time on the Gallery. It’s just a page where I put some pictures that I took in the last years, nothing crazy, but I spent A LOT of time between the styling and finding way to load all the photos without having the page lagging. And while it’s easy, I tried at first the hardest method… which didn’t work that much, and only after that I found how to do it properly, so yeah… Also, I tweaked some properties for smaller screens and changed the background, I think I like this one more. Let me know if you have any suggestions!! I always read the comments :) P.S. The site is now live! nokira.dev Thank you, guys, for reading! Have a great week!!"}, {"post_id": 54027, "ts": "2026-08-24T19:36:41Z", "hours": 1.7761, "text": "Devlog #4 More styling.. Hii guys! Sooo today I didn’t work that much, but I changed some of the CSS and now this is how the page looks like. If anyone has suggestions, feel free to comment! Also, I have a question, does anyone know why the website seems to lag during the scrolling on Edge, while it works completely fine on Chrome and Firefox? This is it for today, tomorrow I’ll definitely start working on the gallery, I gathered some ideas today. Byeee!! Thanks for reading :)"}, {"post_id": 53360, "ts": "2026-08-23T21:33:23Z", "hours": 1.2403, "text": "Devlog #3 Styling Sooo hi again! In this hour here is what I did: Added Background Added Colors Added Images & GIFs Added Dividers To be honest it was quite easy to make the layout. The hardest part was searching online for the graphics!! There are so many resources out there, but I felt like only a few of them deserved to be used on this website. I guess I spent 1 or 2 hours going around hundreds of sites to get all the elements needed (and I don’t think I’m done). I don’t really have a plan for tomorrow, but I’ll probably create the projects section. Also, I was thinking of making a gallery too, to share some of the pictures I took that I like the most Thank you, guys, as always for the support and for reading the devlogs!! :)"}, {"post_id": 53087, "ts": "2026-08-23T14:48:12Z", "hours": 3.3025, "text": "Devlog #2 Barebones Hi everyone!! I’ve started working on the overall layout. I think it’s coming together, slowly, but it’s already something. I added all my interests and wrote kind of a long paragraph for the about me section, so I hid by default, this way the page doesn’t feel too crowdy. I will now work more on the styling. Find some cool elements to add, a palette, and a background. Thank you for reading!! :)"}, {"post_id": 52588, "ts": "2026-08-22T19:38:23Z", "hours": 0.9142, "text": "Devlog 1 New beginning 🌐 Hii everyone! So, I finally decided to spend my domain grant, and I bought the nokira.dev . Now I am reworking the entire website to a whole different style. Hopefully I will come up with something permanent and beautiful. I will work a bit slowly compared to usual, but something will come… :)"}, {"post_id": 28954, "ts": "2026-07-15T15:51:07Z", "hours": 2.82, "text": "Devlog 7 Hello!! Today I finished the “pro” side of the website! I added a smooth scroll script which I found online, made toggle to decide which 3D model to see and created a little timeline with all my important achievements. On the other side of the website I just added a little space that shows my main hobbies (Sports car racing, programming and experimenting with hardware). I think I am ready to ship the project. Byeee!!"}, {"post_id": 28558, "ts": "2026-07-14T21:38:31Z", "hours": 3.2442, "text": "Devlog 6 Hii!! It’s been some days since I last worked on this project, but I decided to focus on some of the other ones. But today I wanted to see what I could do, and… I decided to make a new layout, even though I love the current one, so instead of just wiping it, I created another section to the website which you can visit with this link . The new layout feels to me a bit more professional and less playful compared to the other one. And because I wanted to feel both at the same time, I just created a dedicated section for the new one. This, will be the “professional” (if you can call it like that) side of me. I will only put the finished and polished projects and keep the layout less colorful and distracting. As you can see from the screenshot to the right I put a 3D model using this guide . Ignore the fact that it’s my Roblox character, I will put some other model once I get a better idea XD. Byeee!!"}, {"post_id": 26002, "ts": "2026-07-10T15:44:20Z", "hours": 1.2642, "text": "Devlog 5 Nothing much to say to be honest. I just spend 1 hours refining some minor details and thanks to all the feedback I got, I optimized the background and the previews. Thank you guys for all the positive reviews btw ❤️ :) Now the videos play only when hovering with the moue on a thumbnail. And also there was a weird behavior when many project were added for testing, so I fixed that issue too and now project display all in the correct way. I am thinking of a redesign…"}, {"post_id": 22160, "ts": "2026-07-04T14:08:43Z", "hours": 1.4094, "text": "Created another section! I listed the technologies I know and I’m familiar with, in a dedicated section. I also updated the icon style in the contact section :)"}, {"post_id": 22090, "ts": "2026-07-04T10:54:14Z", "hours": 0.4806, "text": "Just a quick edit! Added my new project “KittenOS” to the section, added GitHub profile in the contact section and changed the background to a Gif!"}, {"post_id": 21450, "ts": "2026-07-03T12:26:22Z", "hours": 1.7981, "text": "Just finished the About section!!! Currently refining the Project section. It’s been quite some time but I’m taking it very slowly trying to make it perfect to my eye :)"}, {"post_id": 21396, "ts": "2026-07-03T09:56:50Z", "hours": 0.7961, "text": "Took me quite some time but i managed to create this layout! I know it doesn’t really look that great but I’m happy I achieved this! Working on the first section now :)"}]...
|
Title: Nokira's Website by @nokira | Stardance Title: Nokira's Website by @nokira | Stardance
Devlogs:
Took me quite some time but i managed to create this layout! I know it doesn’t really look that great but I’m happy I achieved this! Working on the first section now :)
Just finished the About section!!! Currently refining the Project section. It’s been quite some time but I’m taking it very slowly trying to make it perfect to my eye :)
Just a quick edit! Added my new project “KittenOS” to the section, added GitHub profile in the contact section and changed the background to a Gif!
Created another section! I listed the technologies I know and I’m familiar with, in a dedicated section. I also updated the icon style in the contact section :)
Devlog 5 Nothing much to say to be honest. I just spend 1 hours refining some minor details and thanks to all the feedback I got, I optimized the background and the previews. Thank you guys for all the positive reviews btw ❤️ :) Now the videos play only when hovering with the moue on a thumbnail. And also there was a weird behavior when many project were added for testing, so I fixed that issue too and now project display all in the correct way. I am thinking of a redesign…
Devlog 6 Hii!! It’s been some days since I last worked on this project, but I decided to focus on some of the other ones. But today I wanted to see what I could do, and… I decided to make a new layout, even though I love the current one, so instead of just wiping it, I created another section to the website which you can visit with this link . The new layout feels to me a bit more professional and less playful compared to the other one. And because I wanted to feel both at the same time, I just created a dedicated section for the new one. This, will be the “professional” (if you can call it like that) side of me. I will only put the finished and polished projects and keep the layout less colorful and distracting. As you can see from the screenshot to the right I put a 3D model using this guide . Ignore the fact that it’s my Roblox character, I will put some other model once I get a better idea XD. Byeee!!
Devlog 7 Hello!! Today I finished the “pro” side of the website! I added a smooth scroll script which I found online, made toggle to decide which 3D model to see and created a little timeline with all my important achievements. On the other side of the website I just added a little space that shows my main hobbies (Sports car racing, programming and experimenting with hardware). I think I am ready to ship the project. Byeee!!
Devlog 1 New beginning 🌐 Hii everyone! So, I finally decided to spend my domain grant, and I bought the nokira.dev . Now I am reworking the entire website to a whole different style. Hopefully I will come up with something permanent and beautiful. I will work a bit slowly compared to usual, but something will come… :)
Devlog #2 Barebones Hi everyone!! I’ve started working on the overall layout. I think it’s coming together, slowly, but it’s already something. I added all my interests and wrote kind of a long paragraph for the about me section, so I hid by default, this way the page doesn’t feel too crowdy. I will now work more on the styling. Find some cool elements to add, a palette, and a background. Thank you for reading!! :)
Devlog #3 Styling Sooo hi again! In this hour here is what I did: Added Background Added Colors Added Images & GIFs Added Dividers To be honest it was quite easy to make the layout. The hardest part was searching online for the graphics!! There are so many resources out there, but I felt like only a few of them deserved to be used on this website. I guess I spent 1 or 2 hours going around hundreds of sites to get all the elements needed (and I don’t think I’m done). I don’t really have a plan for tomorrow, but I’ll probably create the projects section. Also, I was thinking of making a gallery too, to share some of the pictures I took that I like the most Thank you, guys, as always for the support and for reading the devlogs!! :)
Devlog #4 More styling.. Hii guys! Sooo today I didn’t work that much, but I changed some of the CSS and now this is how the page looks like. If anyone has suggestions, feel free to comment! Also, I have a question, does anyone know why the website seems to lag during the scrolling on Edge, while it works completely fine on Chrome and Firefox? This is it for today, tomorrow I’ll definitely start working on the gallery, I gathered some ideas today. Byeee!! Thanks for reading :)
Devlog #5 Gallery! Hii everyone!! Today I spent quite some time on the Gallery. It’s just a page where I put some pictures that I took in the last years, nothing crazy, but I spent A LOT of time between the styling and finding way to load all the photos without having the page lagging. And while it’s easy, I tried at first the hardest method… which didn’t work that much, and only after that I found how to do it properly, so yeah… Also, I tweaked some properties for smaller screens and changed the background, I think I like this one more. Let me know if you have any suggestions!! I always read the comments :) P.S. The site is now live! nokira.dev Thank you, guys, for reading! Have a great week!!
Devlog #6 Projects page! Hii! Today I worked only on doing the Projects page and it was quite easy since I took most of the code from the Gallery and adapted it. In the next days I will polish everything and start working on finishing the home page. Thank you all for reading! :)
Devlog #7 Hii guys! I couldn’t work much in these last days but I finally managed to finish the Blog! I created it under a subdomain, https://blog.nokira.dev , and in the Home page you can see the “Latest Blog Post” to get a preview. If anyone has something to suggest, please comment! I am always happy to hear feedback or things to add :) Byee!!
Devlog #8 Shipping Hi!! I think it’s time to ship this project once again. A LOT changed since last ship, actually, everything changed. Today I finished the README files.
Ships:
I just created my very first website! It’s not really complicated but it took me some time to get everything to look the way i wanted. The most challenging part was the CSS. I thought it would have been easy to apply a few colors, but it was really hard to find the right style for my personal website. Overall, I’m really satisfied with my first project!
I’m really proud of how this project turned out! I’m still improving little details, but I like the result. I finally feel like I found the right layout and colors even though CSS is still the hardest part to fully understand. Overall I believe this project has the possibility to be improved in many ways and I’ll try to do that in the coming days! :)
I updated the previous personal website. Since the original was a bit more playful but I wanted to try and make something more minimal and professional, instead of just deleting the previous one I decided to create a dedicated section for it. There I will show only my polished projects and included a timeline for my achievements. Also I updated some stuff in the original page. I added a “Hobbies” space and moved the technologies over to the new part. Honestly after all the work with even other projects I managed to get comfortable with CSS so this time it wasn’t as hard as the previous one, but I had to still follow a tutorial if that’s okay to build the timeline. Other than that I was pretty comfortable with doing the HTML and JS. The page shown in this screenshot is in a subfolder “pro”, it is accessible by clicking the first link near the “About Me” title of the starting page.
This is the updated version of my personal website. At first it was quite simple since I was still learning, but now, after many other projects I upgraded it and also used the grant to buy a proper domain. In this website there are different sections: About me, to learn more about… me. Interests, here I listed my interests divided in categories. Projects, a page dedicated entirely to show all the projects I did Gallery, page where I upload some pictures that I took and find good enough to share them. Blog, well, a blog....
|
1793134394.856717
|
1793220794.856717
|
|
50055
|
pulse web by @akr0002 | Stardance
|
akr0002
|
1
|
3.48
|
0
|
[{"ship_num": 1, "ts": "2026-0 [{"ship_num": 1, "ts": "2026-09-02T13:36:50Z", "hours": 3.0, "multiplier": null, "payout": 0, "blessing": "neutral", "text": "i made a pulse web that shows the most recent pictures of nasa picture of the day what i found challenging was getting the date and image to load up as it was only showing the link but soon i found out the problem long story short its finally fixed", "repo": "https://github.com/picectrljinx/pulse-web", "demo": "https://picectrljinx.github.io/pulse-web/"}]...
|
[{"post_id": 71188, "ts": "202 [{"post_id": 71188, "ts": "2026-09-20T12:42:11Z", "hours": 0.4822, "text": "i have finished my pulse web a while ago and ordered the ras pi. i made this devlog to start a ras pi project where ill add screen a rechargable cell and ect.. to make it into a mini pc. i dont think ill have enough time to make this in stardance as it is ending soon hopefully this arrives quick and the parts so i can share this build :)"}, {"post_id": 60214, "ts": "2026-09-02T13:15:44Z", "hours": 0.9231, "text": "ive finally finished my pulse web yayy"}, {"post_id": 58900, "ts": "2026-08-31T13:51:16Z", "hours": 0.3408, "text": "i managed to get the pucture/vid running and the date but as i was continuing i tested it out and it shows this error i am currently working on to fix this cant seem to find the problem but hopefully will soon"}, {"post_id": 58873, "ts": "2026-08-31T13:27:12Z", "hours": 0.3697, "text": "so far my pulse web look like this i still have trouble with the image showing up hopefully i solve this problem"}, {"post_id": 58832, "ts": "2026-08-31T12:38:32Z", "hours": 0.9411, "text": "right now im fixing up my script.js for my nasa pulse web as i added the nasa pg of the latest picture but it only shows the link name and not the image. this isnt a big problem and will be fixed shortly"}, {"post_id": 49230, "ts": "2026-08-17T21:52:02Z", "hours": 0.3225, "text": "Today I started making my Pulse Web project. I made the HTML, CSS and JavaScript files and got the basic page working. I also started making the design for the website with a dark space theme. Next I want to add the NASA picture and make the website more interactive."}]...
|
Title: pulse web by @akr0002 | Stardance
Devlogs: Title: pulse web by @akr0002 | Stardance
Devlogs:
Today I started making my Pulse Web project. I made the HTML, CSS and JavaScript files and got the basic page working. I also started making the design for the website with a dark space theme. Next I want to add the NASA picture and make the website more interactive.
right now im fixing up my script.js for my nasa pulse web as i added the nasa pg of the latest picture but it only shows the link name and not the image. this isnt a big problem and will be fixed shortly
so far my pulse web look like this i still have trouble with the image showing up hopefully i solve this problem
i managed to get the pucture/vid running and the date but as i was continuing i tested it out and it shows this error i am currently working on to fix this cant seem to find the problem but hopefully will soon
ive finally finished my pulse web yayy
i have finished my pulse web a while ago and ordered the ras pi. i made this devlog to start a ras pi project where ill add screen a rechargable cell and ect.. to make it into a mini pc. i dont think ill have enough time to make this in stardance as it is ending soon hopefully this arrives quick and the parts so i can share this build :)
Ships:
i made a pulse web that shows the most recent pictures of nasa picture of the day what i found challenging was getting the date and image to load up as it was only showing the link but soon i found out the problem long story short its finally fixed...
|
1793137891.2589803
|
1793224291.2589803
|
|
56716
|
Galaxy_OS by @Dhruvin_07 | Stardance
|
Dhruvin_07
|
1
|
1.07
|
0
|
[{"ship_num": 1, "ts": "2026-0 [{"ship_num": 1, "ts": "2026-09-02T12:59:49Z", "hours": 1.0, "multiplier": null, "payout": 0, "blessing": "neutral", "text": "so till now i have completed making proper WebOS which contains welcome page, notepad, terminal, browser(connected with wikipedia),working calculator.", "repo": "https://github.com/Dhruvinp07/Galaxy_webOS", "demo": "https://dhruvinp07.github.io/Galaxy_webOS/"}]...
|
[{"post_id": 61915, "ts": "202 [{"post_id": 61915, "ts": "2026-09-05T02:46:32Z", "hours": 0.0675, "text": "A new cool all mixed updates in WebOS 2"}, {"post_id": 59529, "ts": "2026-09-01T12:13:39Z", "hours": 0.8869, "text": "I am working on a web_OS name Galaxy_OS."}]...
|
Title: Galaxy_OS by @Dhruvin_07 | Stardance
Devlo Title: Galaxy_OS by @Dhruvin_07 | Stardance
Devlogs:
I am working on a web_OS name Galaxy_OS.
A new cool all mixed updates in WebOS 2
Ships:
so till now i have completed making proper WebOS which contains welcome page, notepad, terminal, browser(connected with wikipedia),working calculator....
|
1793141240.316703
|
1793227640.316703
|
|
57177
|
Retro WebOS by @thatoneburntroot | Stardance
|
thatoneburntroot
|
1
|
14.84
|
0
|
[{"ship_num": 1, "ts": "2026-0 [{"ship_num": 1, "ts": "2026-09-02T12:30:57Z", "hours": 2.0, "multiplier": null, "payout": 0, "blessing": "neutral", "text": "The year is 1998. You’ve just turned on your computer, the CRT monitor flickers to life, and RetroOS loads. I built RetroOS as a little experiment to recreate what using a computer around 1998 might have felt like. What started as a simple HTML project slowly turned into a full retro desktop with draggable windows, a Start menu, taskbar, Notepad, file explorer, IDE, fake internet browser, and even a power button. The hardest part was getting everything to work together, especially making the windows behave properly without constantly overlapping or breaking. What I’m most proud of is that it feels less like a webpage and more like an actual little computer. You’ll find: A mini internet explorer A built in working IDE A file explorer A working notepad A readme.txt file to help you navigate the OS Desktop icons for the applications A volume control bar A power button The time(if you need it i guess) Enjoy!", "repo": "https://github.com/thatoneburntroot/RetroOS", "demo": "https://retro-os-sepia.vercel.app/"}]...
|
[{"post_id": 63578, "ts": "202 [{"post_id": 63578, "ts": "2026-09-07T14:29:00Z", "hours": 1.8222, "text": "The 3rd and final new feature added to my retro webos is a mini retro snake game with “New game” and “Full screen” buttons along with simple instructions on how to play. Its not too impressive to be honest and the styling could be better but i thought it would be good to add a game to the os so it becomes fun to use. let me know what improvements could be made."}, {"post_id": 62077, "ts": "2026-09-05T09:57:25Z", "hours": 3.1747, "text": "I added the Second new feature to Retro WebOS, all notepad and ide files now have a save to documents option which actually stores them in the browsers local storage as well as the file manager where they can be accessed at any time!"}, {"post_id": 60748, "ts": "2026-09-03T09:57:22Z", "hours": 7.8444, "text": "Back working on new features for Retro WebOS, Sadly i spent so long coding new startup and switch off animations but you can still see the desktop for a few milliseconds while its switching on and off. I plan on trying to fix this but i might just give up and call it a day"}, {"post_id": 60181, "ts": "2026-09-02T12:14:46Z", "hours": 0.4147, "text": "Finished all the applications and added a taskbar I forgot to include the notepad and file manager in the last devlog I think im finished for now, will definitely develop this project further in the WebOS 2 mission"}, {"post_id": 59739, "ts": "2026-09-01T17:47:13Z", "hours": 0.8331, "text": "Added a README.txt file along with a notepad application , a volume bar and a power button with the time next to it. I’ll gonna add a bunch of other applications and finish up soon"}, {"post_id": 59655, "ts": "2026-09-01T15:57:43Z", "hours": 0.4294, "text": "The initial layout for Retro WebOS is set for now, im gonna try adding cooler animations along with the actual OS"}]...
|
Title: Retro WebOS by @thatoneburntroot | Stardanc Title: Retro WebOS by @thatoneburntroot | Stardance
Devlogs:
The initial layout for Retro WebOS is set for now, im gonna try adding cooler animations along with the actual OS
Added a README.txt file along with a notepad application , a volume bar and a power button with the time next to it. I’ll gonna add a bunch of other applications and finish up soon
Finished all the applications and added a taskbar I forgot to include the notepad and file manager in the last devlog I think im finished for now, will definitely develop this project further in the WebOS 2 mission
Back working on new features for Retro WebOS, Sadly i spent so long coding new startup and switch off animations but you can still see the desktop for a few milliseconds while its switching on and off. I plan on trying to fix this but i might just give up and call it a day
I added the Second new feature to Retro WebOS, all notepad and ide files now have a save to documents option which actually stores them in the browsers local storage as well as the file manager where they can be accessed at any time!
The 3rd and final new feature added to my retro webos is a mini retro snake game with “New game” and “Full screen” buttons along with simple instructions on how to play. Its not too impressive to be honest and the styling could be better but i thought it would be good to add a game to the os so it becomes fun to use. let me know what improvements could be made.
Ships:
The year is 1998. You’ve just turned on your computer, the CRT monitor flickers to life, and RetroOS loads. I built RetroOS as a little experiment to recreate what using a computer around 1998 might have felt like. What started as a simple HTML project slowly turned into a full retro desktop with draggable windows, a Start menu, taskbar, Notepad, file explorer, IDE, fake internet browser, and even a power button. The hardest part was getting everything to work together, especially making the windows behave properly without constantly overlapping or breaking. What I’m most proud of is that it feels less like a webpage and more like an actual little computer. You’ll find: A mini internet explorer A built in working IDE A file explorer A working notepad A readme.txt file to help you navigate the OS Desktop icons for the applications A volume control bar A power button The time(if you need it i guess) Enjoy!...
|
1793260204.8892312
|
1793346604.8892312
|
|
51525
|
SpeedOS by @ravioli | Stardance
|
ravioli
|
1
|
7.0
|
0
|
[{"ship_num": 1, "ts": "2026-0 [{"ship_num": 1, "ts": "2026-09-02T12:25:10Z", "hours": 7.0, "multiplier": null, "payout": 0, "blessing": "neutral", "text": "This is SpeedOS, a webOS that i am developing for racing fans, it features movable and closable windows, an embedded music player and a welcome screen The project is built on HTML, CSS and JavaScript.", "repo": "https://github.com/ravioliiii665/SpeedOS", "demo": "https://ravioliiii665.github.io/SpeedOS/"}]...
|
[{"post_id": 60184, "ts": "202 [{"post_id": 60184, "ts": "2026-09-02T12:21:02Z", "hours": 0.2942, "text": "Changed the music playlist, made all windows dismissible and cleaned up my code (moved embedded css to style.css)"}, {"post_id": 56601, "ts": "2026-08-28T12:47:00Z", "hours": 1.6706, "text": "Made windows movable, made the welcome window dismissible and changed some pictures."}, {"post_id": 52218, "ts": "2026-08-22T09:58:01Z", "hours": 4.9353, "text": "This is step one of building my own, racing inspired OS!"}]...
|
Title: SpeedOS by @ravioli | Stardance
Devlogs:
T Title: SpeedOS by @ravioli | Stardance
Devlogs:
This is step one of building my own, racing inspired OS!
Made windows movable, made the welcome window dismissible and changed some pictures.
Changed the music playlist, made all windows dismissible and cleaned up my code (moved embedded css to style.css)
Ships:
This is SpeedOS, a webOS that i am developing for racing fans, it features movable and closable windows, an embedded music player and a welcome screen The project is built on HTML, CSS and JavaScript....
|
1793138010.5261831
|
1793224410.5261831
|
|
57296
|
AVIA-BOT by @lukas_56376 | Stardance
|
lukas_56376
|
1
|
2.0
|
0
|
[{"ship_num": 1, "ts": "2026-0 [{"ship_num": 1, "ts": "2026-09-02T10:39:05Z", "hours": 2.0, "multiplier": null, "payout": 0, "blessing": "neutral", "text": "Heya, this is AVIABOT, this is the first Aviation Bot here on stardance, feel free to checkout: https://stardance.hackclub.com/projects/56883 for my Aviation Website, also!", "repo": "https://github.com/Lukas-56376/AVIA-BOT", "demo": "https://hackclub.enterprise.slack.com/archives/C0BU5MMQY4D"}]...
|
[{"post_id": 59942, "ts": "202 [{"post_id": 59942, "ts": "2026-09-02T00:24:59Z", "hours": 2.2042, "text": "It runs locally, so just have to wait for the request to be accepted in Nest"}]...
|
Title: AVIA-BOT by @lukas_56376 | Stardance
Devlo Title: AVIA-BOT by @lukas_56376 | Stardance
Devlogs:
It runs locally, so just have to wait for the request to be accepted in Nest
Ships:
Heya, this is AVIABOT, this is the first Aviation Bot here on stardance, feel free to checkout: https://stardance.hackclub.com/projects/56883 for my Aviation Website, also!...
|
1792878466.8500721
|
1793742466.8500721
|
|
41298
|
my APOD site by @Jason_Mloza | Stardance
|
Jason_Mloza
|
1
|
1.0
|
0
|
[{"ship_num": 1, "ts": "2026-0 [{"ship_num": 1, "ts": "2026-09-02T10:15:24Z", "hours": 1.0, "multiplier": null, "payout": 0, "blessing": "neutral", "text": "What did you make? I built a NASA Astronomy Picture of the Day website that uses NASA’s APOD API to fetch and display the picture of the day, its title, date, explanation, and copyright information. I also added a custom interface so users can explore the content instead of just seeing raw API data. What was challenging? The hardest part was getting the API, environment variables, and frontend to work together properly. It worked locally but initially gave me a 403 error after deployment, which forced me to understand the difference between local and production environments and fix my Vercel configuration. I also had to work through several smaller bugs while building the site. What are you proud of? I’m proud that I actually got the project from an idea and tutorial into a working, publicly deployed website. The biggest thing for me was seeing data from a real NASA API turn into an actual experience that someone else can visit and use. I also learned a lot from the problems I ran into instead of giving up when things broke. What should people know so they can test your project? The project doesn’t require an account or any special setup. Just open the live website and wait for the APOD to load. The site fetches the current Astronomy Picture of the Day from NASA, so the content will change as NASA publishes new APODs. If an APOD is a video rather than an image, the site displays the available media accordingly.", "repo": "https://github.com/jasonmloza/my-apod-nasa-site", "demo": "https://my-nasa-apod-site.vercel.app/"}]...
|
[{"post_id": 60128, "ts": "202 [{"post_id": 60128, "ts": "2026-09-02T09:31:21Z", "hours": 0.8303, "text": "NASA APOD A simple web experience for exploring NASA’s Astronomy Picture of the Day. I built this project to practice working with APIs and learn how to turn data from an external service into an actual web experience. The site fetches the current APOD from NASA and dynamically displays its title, date, media, explanation, and copyright information. It started as a project I was experimenting with and went through a few frustrating bugs before I finally got it working the way I wanted. Getting the API request, environment variables, and frontend rendering working together was the part that taught me the most."}]...
|
Title: my APOD site by @Jason_Mloza | Stardance
D Title: my APOD site by @Jason_Mloza | Stardance
Devlogs:
NASA APOD A simple web experience for exploring NASA’s Astronomy Picture of the Day. I built this project to practice working with APIs and learn how to turn data from an external service into an actual web experience. The site fetches the current APOD from NASA and dynamically displays its title, date, media, explanation, and copyright information. It started as a project I was experimenting with and went through a few frustrating bugs before I finally got it working the way I wanted. Getting the API request, environment variables, and frontend rendering working together was the part that taught me the most.
Ships:
What did you make? I built a NASA Astronomy Picture of the Day website that uses NASA’s APOD API to fetch and display the picture of the day, its title, date, explanation, and copyright information. I also added a custom interface so users can explore the content instead of just seeing raw API data. What was challenging? The hardest part was getting the API, environment variables, and frontend to work together properly. It worked locally but initially gave me a 403 error after deployment, which forced me to understand the difference between local and production environments and fix my Vercel configuration. I also had to work through several smaller bugs while building the site. What are you proud of? I’m proud that I actually got the project from an idea and tutorial into a working, publicly deployed website. The biggest thing for me was seeing data from a real NASA API turn into an actual experience that someone else can visit and use. I also learned a lot from the problems I ran into instead of giving up when things broke. What should people know so they can test your project? The project doesn’t require an account or any special setup. Just open the live website and wait for the APOD to load. The site fetches the current Astronomy Picture of the Day from NASA, so the content will change as NASA publishes new APODs. If an APOD is a video rather than an image, the site displays the available media accordingly....
|
1793253134.2682276
|
1793339534.2682276
|
|
55945
|
botscemo by @ilproscemo | Stardance
|
ilproscemo
|
1
|
1.0
|
0
|
[{"ship_num": 1, "ts": "2026-0 [{"ship_num": 1, "ts": "2026-09-02T09:47:28Z", "hours": 1.0, "multiplier": null, "payout": 0, "blessing": "neutral", "text": "Made my first Slack bot. Doesn’t have much, I don’t have many ideas on this, but I liked making it, learnt new stuff. Nice tutorial:)", "repo": "https://github.com/lavitadei79-blip/botscemo", "demo": "https://hackclub.enterprise.slack.com/archives/C0P5NE354"}]...
|
[{"post_id": 60131, "ts": "202 [{"post_id": 60131, "ts": "2026-09-02T09:44:18Z", "hours": 0.92, "text": "finished it added 3 more commands. but that’s it I don’t need a bot TBH"}, {"post_id": 57552, "ts": "2026-08-29T18:48:13Z", "hours": 0.4458, "text": "just finished the tutorial to create my own Slack Bot. The tutorial was great it was very easy to follow"}]...
|
Title: botscemo by @ilproscemo | Stardance
Devlog Title: botscemo by @ilproscemo | Stardance
Devlogs:
just finished the tutorial to create my own Slack Bot. The tutorial was great it was very easy to follow
finished it added 3 more commands. but that’s it I don’t need a bot TBH
Ships:
Made my first Slack bot. Doesn’t have much, I don’t have many ideas on this, but I liked making it, learnt new stuff. Nice tutorial:)...
|
1793267543.4717803
|
1793353943.4717803
|
|
46934
|
Sun Tzu by @gemzaidahmad | Stardance
|
gemzaidahmad
|
1
|
1.0
|
0
|
[{"ship_num": 1, "ts": "2026-0 [{"ship_num": 1, "ts": "2026-09-02T09:46:04Z", "hours": 1.0, "multiplier": null, "payout": 0, "blessing": "neutral", "text": "I made a Sun Tzu themed Slack-Bot! It gives advices, tells jokes, cat facts, roasts you, gives ancient battlefield wisdom and helps you decide like a Magic 8 Ball. The part I found challenging about this project was pushing it to GitHub and making it run 24x7 T_T. The code is pretty beginner-friendly and I believe that you can be a beginner in JavaScript(like me lol) and still understand it.", "repo": "https://github.com/MaelstromInvariant/SLACKBOT", "demo": "https://hackclub.enterprise.slack.com/archives/C0P5NE354"}]...
|
[{"post_id": 60129, "ts": "202 [{"post_id": 60129, "ts": "2026-09-02T09:33:44Z", "hours": 0.5578, "text": "Sun Tzu the Slack-Bot: Made a Sun Tzu themed bot for when you need a random ancient Chinese military strategist in your workspace. What can Sun Tzu do? 1) Tells you a cat fact because knowledge is power. 2)Gives you ancient battlefield wisdom, because why not. 3) *Attempts to do comedy. 4) Helps you decide when you are unsure whether to eat pizza or follow your diet. 5)Judges you. Sun Tzu wasn’t built to solve humanity’s greatest problems.. but rather to answer humanity’s most important questions, like: “Should I have pizza or not?”"}]...
|
Title: Sun Tzu by @gemzaidahmad | Stardance
Devlo Title: Sun Tzu by @gemzaidahmad | Stardance
Devlogs:
Sun Tzu the Slack-Bot: Made a Sun Tzu themed bot for when you need a random ancient Chinese military strategist in your workspace. What can Sun Tzu do? 1) Tells you a cat fact because knowledge is power. 2)Gives you ancient battlefield wisdom, because why not. 3) *Attempts to do comedy. 4) Helps you decide when you are unsure whether to eat pizza or follow your diet. 5)Judges you. Sun Tzu wasn’t built to solve humanity’s greatest problems.. but rather to answer humanity’s most important questions, like: “Should I have pizza or not?”
Ships:
I made a Sun Tzu themed Slack-Bot! It gives advices, tells jokes, cat facts, roasts you, gives ancient battlefield wisdom and helps you decide like a Magic 8 Ball. The part I found challenging about this project was pushing it to GitHub and making it run 24x7 T_T. The code is pretty beginner-friendly and I believe that you can be a beginner in JavaScript(like me lol) and still understand it....
|
1793303713.0362635
|
1793390113.0362635
|
|
56598
|
Personal portfolio by @Kantarajluitel | Stardance
|
Kantarajluitel
|
2
|
6.0
|
5
|
[{"ship_num": 1, "ts": "2026-0 [{"ship_num": 1, "ts": "2026-09-02T09:43:48Z", "hours": 5.0, "multiplier": 1.75, "payout": 5, "blessing": "neutral", "text": "I just made minimal and goodlooking portfolio thats it :(", "repo": "https://github.com/susantedit/portfolio-2", "demo": "https://susantedit.github.io/portfolio-2/"}, {"ship_num": 2, "ts": "2026-08-31T03:21:46Z", "hours": 1.0, "multiplier": null, "payout": 0, "blessing": "neutral", "text": "Done all stuffs", "repo": "https://github.com/susantedit/portfolio-2", "demo": "https://susantedit.github.io/portfolio-2/"}]...
|
[{"post_id": 59611, "ts": "202 [{"post_id": 59611, "ts": "2026-09-01T15:02:52Z", "hours": 4.0264, "text": "Just updated something please check"}, {"post_id": 58800, "ts": "2026-08-31T11:49:33Z", "hours": 1.2239, "text": "I coded my first personal website! I used a bit of Ai as a learning tool to ask questions about what certain html and css tags mean for more explanation. At the start I found the description for how to use html files and tags to be a little difficult to understand for someone who has never even seen codes before. I worked around this issue by watching videos of other people using these tags and that made me understand how they work. I am overall very proud of this project in general and how I was able to essentially teach myself how to do something that I thought was just “behind the scenes.” I hope this project was able to better prepare me for future opportunities and that this site gives me the resources I need to learn even more!"}, {"post_id": 58620, "ts": "2026-08-31T03:16:13Z", "hours": 0.5731, "text": "I coded my first personal website! I used a bit of Ai as a learning tool to ask questions about what certain html and css tags mean for more explanation. At the start I found the description for how to use html files and tags to be a little difficult to understand for someone who has never even seen codes before. I worked around this issue by watching videos of other people using these tags and that made me understand how they work. I am overall very proud of this project in general and how I was able to essentially teach myself how to do something that I thought was just “behind the scenes.” I hope this project was able to better prepare me for future opportunities and that this site gives me the resources I need to learn even more!"}]...
|
Title: Personal portfolio by @Kantarajluitel | Sta Title: Personal portfolio by @Kantarajluitel | Stardance
Devlogs:
I coded my first personal website! I used a bit of Ai as a learning tool to ask questions about what certain html and css tags mean for more explanation. At the start I found the description for how to use html files and tags to be a little difficult to understand for someone who has never even seen codes before. I worked around this issue by watching videos of other people using these tags and that made me understand how they work. I am overall very proud of this project in general and how I was able to essentially teach myself how to do something that I thought was just “behind the scenes.” I hope this project was able to better prepare me for future opportunities and that this site gives me the resources I need to learn even more!
I coded my first personal website! I used a bit of Ai as a learning tool to ask questions about what certain html and css tags mean for more explanation. At the start I found the description for how to use html files and tags to be a little difficult to understand for someone who has never even seen codes before. I worked around this issue by watching videos of other people using these tags and that made me understand how they work. I am overall very proud of this project in general and how I was able to essentially teach myself how to do something that I thought was just “behind the scenes.” I hope this project was able to better prepare me for future opportunities and that this site gives me the resources I need to learn even more!
Just updated something please check
Ships:
Done all stuffs
I just made minimal and goodlooking portfolio thats it :(...
|
1792846258.9703043
|
1793710258.9703043
|
|
57370
|
Casino by @Faisal | Stardance
|
Faisal
|
1
|
4.01
|
0
|
[{"ship_num": 1, "ts": "2026-0 [{"ship_num": 1, "ts": "2026-09-02T07:35:29Z", "hours": 0.0, "multiplier": null, "payout": 0, "blessing": "neutral", "text": "I made a simple casino bot which have coin flip to bet coin on prediction of a coin flip and balance to show balance and daily to get 1000 coins daily and work to get a random amount [100-500] every hour.", "repo": "https://github.com/Faisal-Saqib/Casino-Bot", "demo": "https://app.slack.com/client/E09V59WQY1E/C0P5NE354"}]...
|
[{"post_id": 60319, "ts": "202 [{"post_id": 60319, "ts": "2026-09-02T16:31:42Z", "hours": 4.0086, "text": "I learned about js and hand coded the slack bot"}, {"post_id": 60092, "ts": "2026-09-02T07:30:58Z", "hours": 0.4931, "text": "I built the casino bot which support coin flip which is used to bet some amount of amount in balance on outcome of a coin flip"}]...
|
Title: Casino by @Faisal | Stardance
Devlogs:
I b Title: Casino by @Faisal | Stardance
Devlogs:
I built the casino bot which support coin flip which is used to bet some amount of amount in balance on outcome of a coin flip
I learned about js and hand coded the slack bot
Ships:
I made a simple casino bot which have coin flip to bet coin on prediction of a coin flip and balance to show balance and daily to get 1000 coins daily and work to get a random amount [100-500] every hour....
|
1793274600.329085
|
1793361000.329085
|
|
47813
|
pizza-ordering-web by @AyushKushwaha | Stardance
|
AyushKushwaha
|
1
|
20.0
|
136
|
[{"ship_num": 1, "ts": "2026-0 [{"ship_num": 1, "ts": "2026-09-02T07:10:34Z", "hours": 20.0, "multiplier": 6.72, "payout": 136, "blessing": "neutral", "text": "I have created a pizza ordering web using html , css , js , vite and firebase for backend . I have used neoburtalism ui for clean and attractive build . it has features like , add to cart , increase quantity , total amount , unique order id , and admin dashboard with auth where you can see all orders with status and view order data and make changes of status . The main challenging part was dealing with backend pushing data to firebase and retrieveing data but with firebase documaintation i did with small help with ai . I really enjoy dealing with database it was the very fun part of my project . :D This is my first biggest project , and i was very proud of myself that i have create a fulling working website with backend also . you can use check my project live demo form the ship and also from the github . thanks hope you will like and enjoy this project.", "repo": "https://github.com/ayush-bug/Pixel-pizza", "demo": "https://ayush-bug.github.io/Pixel-pizza/"}]...
|
[{"post_id": 60041, "ts": "202 [{"post_id": 60041, "ts": "2026-09-02T04:38:48Z", "hours": 0.5828, "text": "devlog-15 added admin login box link in the index page and also add a big button for make a order , and finally the pixel pizza is ready to ship ."}, {"post_id": 59729, "ts": "2026-09-01T17:38:38Z", "hours": 0.7436, "text": "devlog-14 now , added admin login in the admin dashboard to secure the data , it was simple using firebase https://firebase.google.com/docs/auth/web/password-auth every thing is almost ready i am very happy will ship it soon"}, {"post_id": 59101, "ts": "2026-08-31T18:40:39Z", "hours": 2.6494, "text": "devlog - 13 completed the admin dashboard with all the features . now you can do this all see all order check a specific order details mark order for out of deliver cancel any order suggest more features in the comment ."}, {"post_id": 58351, "ts": "2026-08-30T18:53:54Z", "hours": 0.8631, "text": "devlog -12 ** guys very funny thing happened while i am retrieve todays data in mu admin dashboard , i was coding from 11 pm something and my code started working when its about to change the date ( 5 min before 00:00 ) and i completed all the work and then run the code and check the and its not working it started showing 0 , 0 , 0 in every field , because of 00:01 am , I was about what the hell going on , then suddenly i realised that and seen the time that time i was laughing for a while and put some more data for today then the it start working again lmao ** thats all thanks"}, {"post_id": 57867, "ts": "2026-08-30T05:51:09Z", "hours": 1.2989, "text": "devlog 11 gyus actully i meshed up my mistakely but any how i done every thing in organised manner . I was about to lose all my changes but i saved it this all happend because i want make some changes in ui , after clearing all thing it took me about 1.5 hours but anyway did it guys"}, {"post_id": 57177, "ts": "2026-08-29T09:00:56Z", "hours": 1.8781, "text": "#devlog - 9 working on dasboard , to make it more comfortable for user to use (best ux of all time)"}, {"post_id": 56473, "ts": "2026-08-28T07:55:24Z", "hours": 0.8233, "text": "devlog-9 getting started with admin dashboard . It will have all the features that a good dashboard must have ."}, {"post_id": 55420, "ts": "2026-08-27T07:23:48Z", "hours": 0.9186, "text": "devlog-8 done with the backend part and added sweet alert . It was really fun to do backend T_T . some time i got stuck in sweet alert but chat gpt help me to find out the problem . it was really fun thats all for now . next move , will create a admin dashboard to manage all orders ."}, {"post_id": 54912, "ts": "2026-08-26T04:06:28Z", "hours": 1.9975, "text": "devlog-7 added firebase in menu to store the orders in the database , really working with database is fun , actually i got stuck but chatgpt helped me to beat the bug and error . more updates coming soon"}, {"post_id": 53146, "ts": "2026-08-23T16:07:21Z", "hours": 2.8447, "text": "devlog-6 now you can add item to cart , increase/decrease quantity , remove the item , and grand total ,bill is their . completed the cart part of the pixel pizza , it was really challenging , it took a lot of time to debug the code , but finally did it. thats all for today , thanks : D"}, {"post_id": 51807, "ts": "2026-08-21T17:24:54Z", "hours": 0.6731, "text": "devlog-5 added the side bar cart and updated the menu section . Any suggestion drop in the comment will sure add your idea. thats all for today ,thanks."}, {"post_id": 51258, "ts": "2026-08-20T19:53:19Z", "hours": 1.2731, "text": "Devlog-4 completing the menu section , will try to improve more and will add more features , in side total price display and also the cart in side bar . Any suggestion , comment down it will really help me thats all for today thanks"}, {"post_id": 50159, "ts": "2026-08-19T08:28:54Z", "hours": 0.7439, "text": "DEVLOP-3 currently working on menu items . please suggest something that i can add in it ."}, {"post_id": 49056, "ts": "2026-08-17T17:22:52Z", "hours": 1.4689, "text": "devlog-2 created marquee of some items and add section on how to order with that done with the main index page . next will move to create the menu page . thats all for today thanks :D"}, {"post_id": 48439, "ts": "2026-08-16T19:45:04Z", "hours": 1.5008, "text": "devlog -1 complete some part of my pizza ordering web . I gave the name as Pixel Pizza. I am using : html ,css , js , vite and will use firebase for backend"}]...
|
Title: pizza-ordering-web by @AyushKushwaha | Star Title: pizza-ordering-web by @AyushKushwaha | Stardance
Devlogs:
devlog -1 complete some part of my pizza ordering web . I gave the name as Pixel Pizza. I am using : html ,css , js , vite and will use firebase for backend
devlog-2 created marquee of some items and add section on how to order with that done with the main index page . next will move to create the menu page . thats all for today thanks :D
DEVLOP-3 currently working on menu items . please suggest something that i can add in it .
Devlog-4 completing the menu section , will try to improve more and will add more features , in side total price display and also the cart in side bar . Any suggestion , comment down it will really help me thats all for today thanks
devlog-5 added the side bar cart and updated the menu section . Any suggestion drop in the comment will sure add your idea. thats all for today ,thanks.
devlog-6 now you can add item to cart , increase/decrease quantity , remove the item , and grand total ,bill is their . completed the cart part of the pixel pizza , it was really challenging , it took a lot of time to debug the code , but finally did it. thats all for today , thanks : D
devlog-7 added firebase in menu to store the orders in the database , really working with database is fun , actually i got stuck but chatgpt helped me to beat the bug and error . more updates coming soon
devlog-8 done with the backend part and added sweet alert . It was really fun to do backend T_T . some time i got stuck in sweet alert but chat gpt help me to find out the problem . it was really fun thats all for now . next move , will create a admin dashboard to manage all orders .
devlog-9 getting started with admin dashboard . It will have all the features that a good dashboard must have .
#devlog - 9 working on dasboard , to make it more comfortable for user to use (best ux of all time)
devlog 11 gyus actully i meshed up my mistakely but any how i done every thing in organised manner . I was about to lose all my changes but i saved it this all happend because i want make some changes in ui , after clearing all thing it took me about 1.5 hours but anyway did it guys
devlog -12 ** guys very funny thing happened while i am retrieve todays data in mu admin dashboard , i was coding from 11 pm something and my code started working when its about to change the date ( 5 min before 00:00 ) and i completed all the work and then run the code and check the and its not working it started showing 0 , 0 , 0 in every field , because of 00:01 am , I was about what the hell going on , then suddenly i realised that and seen the time that time i was laughing for a while and put some more data for today then the it start working again lmao ** thats all thanks
devlog - 13 completed the admin dashboard with all the features . now you can do this all see all order check a specific order details mark order for out of deliver cancel any order suggest more features in the comment .
devlog-14 now , added admin login in the admin dashboard to secure the data , it was simple using firebase https://firebase.google.com/docs/auth/web/password-auth every thing is almost ready i am very happy will ship it soon
devlog-15 added admin login box link in the index page and also add a big button for make a order , and finally the pixel pizza is ready to ship .
Ships:
I have created a pizza ordering web using html , css , js , vite and firebase for backend . I have used neoburtalism ui for clean and attractive build . it has features like , add to cart , increase quantity , total amount , unique order id , and admin dashboard with auth where you can see all orders with status and view order data and make changes of status . The main challenging part was dealing with backend pushing data to firebase and retrieveing data but with firebase documaintation i did with small help with ai . I really enjoy dealing with database it was the very fun part of my project . :D This is my first biggest project , and i was very proud of myself that i have create a fulling working website with backend also . you can use check my project live demo form the ship and also from the github . thanks hope you will like and enjoy this project....
|
1793264131.051371
|
1793350531.051371
|
|
56298
|
Slack bot by @aarav_shrivastava | Stardance
|
aarav_shrivastava
|
1
|
2.0
|
0
|
[{"ship_num": 1, "ts": "2026-0 [{"ship_num": 1, "ts": "2026-09-02T06:50:20Z", "hours": 2.0, "multiplier": null, "payout": 0, "blessing": "neutral", "text": "It is just a basic slack bot with some additional commands like roll dice and flip coin. It was easy to complete it. To try just click “Try project” button it will redirect you to slack channel named “nobita-bot-demo” there try using the following commands:- /nobita-help - To see all slash commands. /nobita-ping - Check bot latency. /nobita-catfact - Get a cat fact. /nobita-joke - Tells a joke. /nobita-fact - Tells a fact. /nobita-coinflip - Flips a coin. /nobita-rolldice - Rolls a die.", "repo": "https://github.com/aaravshrivastava4129/Nobita-Bot-Slack-Bot-", "demo": "https://hackclub.enterprise.slack.com/archives/C0BU5FX1ANN"}]...
|
[{"post_id": 59585, "ts": "202 [{"post_id": 59585, "ts": "2026-09-01T14:21:21Z", "hours": 0.7017, "text": "Nobita Bot (Slack Bot) I have completed slack bot project and now soon I will ship my project."}, {"post_id": 59128, "ts": "2026-08-31T19:14:10Z", "hours": 1.1469, "text": "Nobita Bot (Slack Bot) I have completed Bot’s main working structure and I have also uploaded its backend files on NEST. Now I will add more slash commands and complete its README then I will ship it."}]...
|
Title: Slack bot by @aarav_shrivastava | Stardance Title: Slack bot by @aarav_shrivastava | Stardance
Devlogs:
Nobita Bot (Slack Bot) I have completed Bot’s main working structure and I have also uploaded its backend files on NEST. Now I will add more slash commands and complete its README then I will ship it.
Nobita Bot (Slack Bot) I have completed slack bot project and now soon I will ship my project.
Ships:
It is just a basic slack bot with some additional commands like roll dice and flip coin. It was easy to complete it. To try just click “Try project” button it will redirect you to slack channel named “nobita-bot-demo” there try using the following commands:- /nobita-help - To see all slash commands. /nobita-ping - Check bot latency. /nobita-catfact - Get a cat fact. /nobita-joke - Tells a joke. /nobita-fact - Tells a fact. /nobita-coinflip - Flips a coin. /nobita-rolldice - Rolls a die....
|
1793293057.801655
|
1793379457.801655
|
|
54557
|
bananaOS by @pascalls | Stardance
|
pascalls
|
1
|
10.92
|
0
|
[{"ship_num": 1, "ts": "2026-0 [{"ship_num": 1, "ts": "2026-09-02T06:49:20Z", "hours": 7.0, "multiplier": null, "payout": 0, "blessing": "neutral", "text": "Finally shipping it! This is my final version of bananaOS for WebOS1. It has currently has two apps and a welcome screen. I am really happy with how this turned out, I think it looks pretty good! I did find some parts challenging, especially the JavaScript (im getting there). I plan on adding more apps and making it better in WebOS2.", "repo": "https://github.com/Pascalls95/bananaOS", "demo": "https://pascalls95.github.io/bananaOS/"}]...
|
[{"post_id": 64737, "ts": "202 [{"post_id": 64737, "ts": "2026-09-09T11:31:38Z", "hours": 1.025, "text": "Havent really done much in the past few days, I began the basic app and window structure for a music player, but i havent found a suitable tutorial yet. for now, i will first make a calculator app. i have already created the main layout and will begin coding the actual calculator tomorrow."}, {"post_id": 62889, "ts": "2026-09-06T12:44:57Z", "hours": 0.5872, "text": "I have began working on a new app… a browser! i havent done much, just worked on the main structure and began the css. im gonna use javascript to make it actually work, at this stage it will probably just redirect users to what they search in gooogle, but i might change that later."}, {"post_id": 61463, "ts": "2026-09-04T12:09:32Z", "hours": 1.6025, "text": "I finished the calendar app! It shows the current date (highlighted with a red circle). you can also see other months by clicking the arrows. im really happy with how it turned out, i might change a bit of the styling, maybe the colours? (not too sure). i plan to add another app, idk what yet but yea, thats for tomorrow!"}, {"post_id": 60694, "ts": "2026-09-03T07:37:11Z", "hours": 0.7011, "text": "I didnt add too much today, just the foundations for a calendar app. i added a new window/icon with dragging and closing functions. to make the calendar, i will follow a tutorial (because i have no idea how!)"}, {"post_id": 59945, "ts": "2026-09-02T00:29:23Z", "hours": 1.0439, "text": "I added a new app! There is now a settings app for bananaOS. It currently doesnt have much, only the ability to change between the two wallpapers (like i mentioned previously). I plan to keep adding more settings features as I continue to build my webOs."}, {"post_id": 59326, "ts": "2026-09-01T01:36:44Z", "hours": 0.7614, "text": "I finished the notepad app (yay!). It follows the same sort of design as the welcome, i might change it later, but most likely once I move onto WebOS2. The editable text works, it does save but not when you reload the page, so I might fix that up later. My next step is to add one more app (probably a settings app) and then submit!"}, {"post_id": 58545, "ts": "2026-08-30T23:56:47Z", "hours": 0.8336, "text": "Today i made the icon clickable. (so it opens the notes window). i didnt really like how in the guide you have to double click to open apps. I feel like i prefer just having a single click. I commented out the other code just in case i change my mind later. im gonna work on making the notepad functional."}, {"post_id": 57830, "ts": "2026-08-30T04:11:58Z", "hours": 1.0564, "text": "Today i began adding a new app (notepad). I created the icon and styled/formatted it, so when hovered over it glows yellow (for banana). Talking about bananas i changed the wallpaper to be a banana. I plan to later add a settings to toggle between the two wallpapers and css styles. but thats for later! Ill now finish the notepad app and work on some others."}, {"post_id": 57139, "ts": "2026-08-29T07:36:46Z", "hours": 1.3222, "text": "I didnt change much, added a close button and styled it. I have no idea why it took me so long but i was able to fix all problems. i now want to add more ‘apps’ maybe a notepad or calculator."}, {"post_id": 57098, "ts": "2026-08-29T06:04:03Z", "hours": 1.36, "text": "Did quite a bit today. I fixed the top bar so its perfectly aligned at the top. I added the javascript for dragging windows and assigned classes and ids for elements. I did the styling for the windows. If you havent guessed by the name, im trying to go for a macos sort of look. Im really happy with how its looking. im going to next add close buttons and start adding more apps."}, {"post_id": 56480, "ts": "2026-08-28T08:06:15Z", "hours": 0.7325, "text": "Just started coding, doesnt look too pretty yet but will keep working to make it better! Currently working throught a github commit problem."}]...
|
Title: bananaOS by @pascalls | Stardance
Devlogs: Title: bananaOS by @pascalls | Stardance
Devlogs:
Just started coding, doesnt look too pretty yet but will keep working to make it better! Currently working throught a github commit problem.
Did quite a bit today. I fixed the top bar so its perfectly aligned at the top. I added the javascript for dragging windows and assigned classes and ids for elements. I did the styling for the windows. If you havent guessed by the name, im trying to go for a macos sort of look. Im really happy with how its looking. im going to next add close buttons and start adding more apps.
I didnt change much, added a close button and styled it. I have no idea why it took me so long but i was able to fix all problems. i now want to add more ‘apps’ maybe a notepad or calculator.
Today i began adding a new app (notepad). I created the icon and styled/formatted it, so when hovered over it glows yellow (for banana). Talking about bananas i changed the wallpaper to be a banana. I plan to later add a settings to toggle between the two wallpapers and css styles. but thats for later! Ill now finish the notepad app and work on some others.
Today i made the icon clickable. (so it opens the notes window). i didnt really like how in the guide you have to double click to open apps. I feel like i prefer just having a single click. I commented out the other code just in case i change my mind later. im gonna work on making the notepad functional.
I finished the notepad app (yay!). It follows the same sort of design as the welcome, i might change it later, but most likely once I move onto WebOS2. The editable text works, it does save but not when you reload the page, so I might fix that up later. My next step is to add one more app (probably a settings app) and then submit!
I added a new app! There is now a settings app for bananaOS. It currently doesnt have much, only the ability to change between the two wallpapers (like i mentioned previously). I plan to keep adding more settings features as I continue to build my webOs.
I didnt add too much today, just the foundations for a calendar app. i added a new window/icon with dragging and closing functions. to make the calendar, i will follow a tutorial (because i have no idea how!)
I finished the calendar app! It shows the current date (highlighted with a red circle). you can also see other months by clicking the arrows. im really happy with how it turned out, i might change a bit of the styling, maybe the colours? (not too sure). i plan to add another app, idk what yet but yea, thats for tomorrow!
I have began working on a new app… a browser! i havent done much, just worked on the main structure and began the css. im gonna use javascript to make it actually work, at this stage it will probably just redirect users to what they search in gooogle, but i might change that later.
Havent really done much in the past few days, I began the basic app and window structure for a music player, but i havent found a suitable tutorial yet. for now, i will first make a calculator app. i have already created the main layout and will begin coding the actual calculator tomorrow.
Ships:
Finally shipping it! This is my final version of bananaOS for WebOS1. It has currently has two apps and a welcome screen. I am really happy with how this turned out, I think it looks pretty good! I did find some parts challenging, especially the JavaScript (im getting there). I plan on adding more apps and making it better in WebOS2....
|
1793249552.0706758
|
1793335952.0706758
|
|
52670
|
My very own WebOS by @asamarth875 | Stardance
|
asamarth875
|
1
|
3.53
|
0
|
[{"ship_num": 1, "ts": "2026-0 [{"ship_num": 1, "ts": "2026-09-02T06:23:45Z", "hours": 2.0, "multiplier": null, "payout": 0, "blessing": "neutral", "text": "i made a web OS with a doremon bot which just makes it a little comfy place and is fun to use and have some games to cure your boredom", "repo": "https://github.com/samarth875-netizen/orbit-os", "demo": "https://orbit-os-urhmhelmen.vercel.app/"}]...
|
[{"post_id": 65862, "ts": "202 [{"post_id": 65862, "ts": "2026-09-11T09:18:08Z", "hours": 1.5281, "text": "yayyayayay, some changes later i am back with this PUHHH!!!!! WDYM this is bad, I was jus tryna copy MAC OS and failed MISERABLY!!!"}, {"post_id": 60075, "ts": "2026-09-02T06:20:38Z", "hours": 0.4667, "text": "finalised the code"}, {"post_id": 55782, "ts": "2026-08-27T19:34:56Z", "hours": 0.2764, "text": "added a cute doremon interactive bot and also made some changes"}, {"post_id": 55708, "ts": "2026-08-27T17:53:15Z", "hours": 1.04, "text": "Like right now, I formed the basic webpage, Now I will do such changes that it becomes my own and that’s my view"}]...
|
Title: My very own WebOS by @asamarth875 | Stardan Title: My very own WebOS by @asamarth875 | Stardance
Devlogs:
Like right now, I formed the basic webpage, Now I will do such changes that it becomes my own and that’s my view
added a cute doremon interactive bot and also made some changes
finalised the code
yayyayayay, some changes later i am back with this PUHHH!!!!! WDYM this is bad, I was jus tryna copy MAC OS and failed MISERABLY!!!
Ships:
i made a web OS with a doremon bot which just makes it a little comfy place and is fun to use and have some games to cure your boredom...
|
1793242300.6440642
|
1793328700.6440642
|
|
51811
|
Personal Site by @lantern | Stardance
|
lantern
|
2
|
27.0
|
110
|
[{"ship_num": 1, "ts": "2026-0 [{"ship_num": 1, "ts": "2026-09-02T05:58:17Z", "hours": 25.0, "multiplier": 4.48, "payout": 110, "blessing": "neutral", "text": "Finally calling it done and shipping this project! I wanted to build a portfolio that felt like an actual interactive tool rather than just another static resume page, so I spent the last several hours(27hrs to be exact) diving deep into modern vanilla JS to pull it together. What I Built: Terminal Overlay: Built a retro-modern CLI modal from scratch. You can hit keyboard shortcuts anywhere on the site to bring up an interactive terminal to navigate sections, run commands (help, projects, skills, clear, theme), and inspect site metadata with full keyboard focus locking. Live GitHub API Integration: Connected the site directly to GitHub’s REST API to dynamically fetch and build my project cards on the fly. Added local storage caching so it won’t hit unauthenticated rate limits. Web Audio Canvas Visualizer: Embedded a custom synth engine and visualizer that renders sound frequencies in real-time. Had to refactor the typed arrays in requestAnimationFrame to fix JavaScript garbage collection lag and keep rendering locked at 60fps. Glassmorphism UI Refactor: Upgraded the whole visual layout with crisp dark/light themes, smooth backdrop blurs, dynamic card hover elevations, and responsive mobile breakpoints.", "repo": "https://github.com/jigneshphalsawal-cloud/Personal-Site", "demo": "https://jigneshphalsawal-cloud.github.io/Personal-Site/"}, {"ship_num": 2, "ts": "2026-08-20T11:46:59Z", "hours": 2.0, "multiplier": null, "payout": 0, "blessing": "neutral", "text": "This is my first site as a standalone project i used HTML and CSS to build this site with the help of the guide in hackclub i hope you will like it✨ Features:- 1 photos 2 link to my hackclub profile 3 A nav bar (i will keep updating it) 4 changing image size", "repo": "https://github.com/jigneshphalsawal-cloud/Personal-Site", "demo": "https://jigneshphalsawal-cloud.github.io/Personal-Site/"}]...
|
[{"post_id": 59767, "ts": "202 [{"post_id": 59767, "ts": "2026-09-01T18:15:56Z", "hours": 6.85, "text": "Progress….. Built a custom modal command palette from scratch in vanilla JSSupported commands include help, projects, skills, clear, theme, and contact with active autocomplete and history navigation (Up/Down arrow keys) Upgraded the static section panels to responsive glassmorphism containers utilizing backdrop-filter: blur(), dynamic hover glows, and crisp CSS variables for theme switching Added smooth scroll-triggered reveal animations for project cards, dynamic hover tilt states, and fixed mobile layout breaking points for the terminal modal .. the personal site is almost complete only a few UI modifications are left . I think i have used up all my thinking capability on adding stuff to it…I just hope this will turn out good!!"}, {"post_id": 59486, "ts": "2026-09-01T11:04:07Z", "hours": 8.5167, "text": "Progress So Far:- Built an async fetchProjects() module calling the GitHub REST API .It dynamically filters out forks, maps repo tags, and builds project cards automatically. 3)Handled GitHub’s unauthenticated rate limits (60 req/hr) by saving the payload to localStorage with a 1-hour expiration.(i actually hit GitHub’s 60-request hourly limit almost instantly because the fetch call was firing inside a component re-render) fixed it by wrapping the API call inside a strict initial load check and serving cached local JSON if rate-limited been working on this all night !!! just took last project review personally Next i want add to add a interactive terminal and make some changes to the theme"}, {"post_id": 58761, "ts": "2026-08-31T10:08:32Z", "hours": 1.5667, "text": "While reading my previous project reviews –>I found there is no value for normal project unless you have something extraordinary idea and i absolutely hate this because this program should motivate people to build projects and not demotivate them. –> Moving on (cause what can i even do) i decided do something “extraordinary “ and wanted to integrate something with my personal site as its a “basic mission”.( things i do for things i want )"}, {"post_id": 58712, "ts": "2026-08-31T07:56:42Z", "hours": 2.3167, "text": "Progress so far:- Built out a sticky top navbar with quick anchor links (About, Skills, Achievements, Projects, Contact) alongside a working dark mode toggle button. Designed custom card containers for the “Achievements & Recognition” section. Added hover shadow elevations, custom icon badges, and year tag Styled smooth scroll behavior across sections, cleaned up the overall CSS color palette"}, {"post_id": 57977, "ts": "2026-08-30T09:45:08Z", "hours": 3.2333, "text": "Developing the main page for the site!!!"}, {"post_id": 57872, "ts": "2026-08-30T06:04:54Z", "hours": 2.0833, "text": "Extending the site still in progress, so far i have added few new animations to the site and re-designed the footer with tabs"}, {"post_id": 50912, "ts": "2026-08-20T11:44:12Z", "hours": 0.3167, "text": "Personal Site Completed!!!!!"}, {"post_id": 50879, "ts": "2026-08-20T10:38:27Z", "hours": 1.8122, "text": "Html file completed for my site i added link to my profile ,a nav bar and photos"}]...
|
Title: Personal Site by @lantern | Stardance
Devl Title: Personal Site by @lantern | Stardance
Devlogs:
Html file completed for my site i added link to my profile ,a nav bar and photos
Personal Site Completed!!!!!
Extending the site still in progress, so far i have added few new animations to the site and re-designed the footer with tabs
Developing the main page for the site!!!
Progress so far:- Built out a sticky top navbar with quick anchor links (About, Skills, Achievements, Projects, Contact) alongside a working dark mode toggle button. Designed custom card containers for the “Achievements & Recognition” section. Added hover shadow elevations, custom icon badges, and year tag Styled smooth scroll behavior across sections, cleaned up the overall CSS color palette
While reading my previous project reviews –>I found there is no value for normal project unless you have something extraordinary idea and i absolutely hate this because this program should motivate people to build projects and not demotivate them. –> Moving on (cause what can i even do) i decided do something “extraordinary “ and wanted to integrate something with my personal site as its a “basic mission”.( things i do for things i want )
Progress So Far:- Built an async fetchProjects() module calling the GitHub REST API .It dynamically filters out forks, maps repo tags, and builds project cards automatically. 3)Handled GitHub’s unauthenticated rate limits (60 req/hr) by saving the payload to localStorage with a 1-hour expiration.(i actually hit GitHub’s 60-request hourly limit almost instantly because the fetch call was firing inside a component re-render) fixed it by wrapping the API call inside a strict initial load check and serving cached local JSON if rate-limited been working on this all night !!! just took last project review personally Next i want add to add a interactive terminal and make some changes to the theme
Progress….. Built a custom modal command palette from scratch in vanilla JSSupported commands include help, projects, skills, clear, theme, and contact with active autocomplete and history navigation (Up/Down arrow keys) Upgraded the static section panels to responsive glassmorphism containers utilizing backdrop-filter: blur(), dynamic hover glows, and crisp CSS variables for theme switching Added smooth scroll-triggered reveal animations for project cards, dynamic hover tilt states, and fixed mobile layout breaking points for the terminal modal .. the personal site is almost complete only a few UI modifications are left . I think i have used up all my thinking capability on adding stuff to it…I just hope this will turn out good!!
Ships:
This is my first site as a standalone project i used HTML and CSS to build this site with the help of the guide in hackclub i hope you will like it✨ Features:- 1 photos 2 link to my hackclub profile 3 A nav bar (i will keep updating it) 4 changing image size
Finally calling it done and shipping this project! I wanted to build a portfolio that felt like an actual interactive tool rather than just another static resume page, so I spent the last several hours(27hrs to be exact) diving deep into modern vanilla JS to pull it together. What I Built: Terminal Overlay: Built a retro-modern CLI modal from scratch. You can hit keyboard shortcuts anywhere on the site to bring up an interactive terminal to navigate sections, run commands (help, projects, skills, clear, theme), and inspect site metadata with full keyboard focus locking. Live GitHub API Integration: Connected the site directly to GitHub’s REST API to dynamically fetch and build my project cards on the fly. Added local storage caching so it won’t hit unauthenticated rate limits. Web Audio Canvas Visualizer: Embedded a custom synth engine and visualizer that renders sound frequencies in real-time. Had to refactor the typed arrays in requestAnimationFrame to fix JavaScript garbage collection lag and keep rendering locked at 60fps. Glassmorphism UI Refactor: Upgraded the whole visual layout with crisp dark/light themes, smooth backdrop blurs, dynamic card hover elevations, and responsive mobile breakpoints....
|
1792958060.4657242
|
1793822060.4657242
|
|
54299
|
MeowMeow by @Dxkshh | Stardance
|
Dxkshh
|
1
|
3.59
|
0
|
[{"ship_num": 1, "ts": "2026-0 [{"ship_num": 1, "ts": "2026-09-02T05:54:33Z", "hours": 3.0, "multiplier": null, "payout": 0, "blessing": "neutral", "text": "I built MeowMeow My chaotic little corner of the internet that looks exactly like my bedroom after a 3AM coding session messy, loud, covered in stickers, and full of cats. It’s a portfolio that refuses to be clean or corporate, complete with floating text, a fake music player, project cards for stuff like WebTab and enough Gen-Z energy to make LinkedIn cry. The CSS was the real boss fight getting all the overlapping elements, glitch vibes, hover chaos, and that “everything is slightly broken on purpose” feel to actually work without the whole page collapsing was painful, especially keeping it somewhat usable on phone while still looking unhinged. I’m genuinely proud of how much personality it ended up having; it feels like me instead of another boring template. You can check the whole thing out live at https://Dxkshh-Codee.github.io/MeowMeow/ .", "repo": "https://github.com/Dxkshh-Codee/MeowMeow", "demo": "https://Dxkshh-Codee.github.io/MeowMeow/"}]...
|
[{"post_id": 60646, "ts": "202 [{"post_id": 60646, "ts": "2026-09-03T04:30:59Z", "hours": 0.595, "text": "DEVLOG 4 REWORKED ON THE DARK MODE IN CSS TO MAKE IT LOOK BETTER!! YOU GUYS CAN CHECK IT OUT AT https://dxkshh-codee.github.io/MeowMeow/ AND LET ME KNOW IF THERE IS SOMETHING TO CHANGE!!"}, {"post_id": 60048, "ts": "2026-09-02T04:52:33Z", "hours": 1.1392, "text": "DEVLOG 3 MY PERSONAL SITE IS READY !! ADD SOME TOUCH UPS TO IT IN CSS!!"}, {"post_id": 56491, "ts": "2026-08-28T08:59:51Z", "hours": 0.7311, "text": "DEVLOG 2 I’ve completed the HTML structure for my MeowMeow!"}, {"post_id": 55031, "ts": "2026-08-26T13:44:34Z", "hours": 0.8233, "text": "DEVLOG 1 Working on HTML for MeowMeow"}]...
|
Title: MeowMeow by @Dxkshh | Stardance
Devlogs:
D Title: MeowMeow by @Dxkshh | Stardance
Devlogs:
DEVLOG 1 Working on HTML for MeowMeow
DEVLOG 2 I’ve completed the HTML structure for my MeowMeow!
DEVLOG 3 MY PERSONAL SITE IS READY !! ADD SOME TOUCH UPS TO IT IN CSS!!
DEVLOG 4 REWORKED ON THE DARK MODE IN CSS TO MAKE IT LOOK BETTER!! YOU GUYS CAN CHECK IT OUT AT https://dxkshh-codee.github.io/MeowMeow/ AND LET ME KNOW IF THERE IS SOMETHING TO CHANGE!!
Ships:
I built MeowMeow My chaotic little corner of the internet that looks exactly like my bedroom after a 3AM coding session messy, loud, covered in stickers, and full of cats. It’s a portfolio that refuses to be clean or corporate, complete with floating text, a fake music player, project cards for stuff like WebTab and enough Gen-Z energy to make LinkedIn cry. The CSS was the real boss fight getting all the overlapping elements, glitch vibes, hover chaos, and that “everything is slightly broken on purpose” feel to actually work without the whole page collapsing was painful, especially keeping it somewhat usable on phone while still looking unhinged. I’m genuinely proud of how much personality it ended up having; it feels like me instead of another boring template. You can check the whole thing out live at https://Dxkshh-Codee.github.io/MeowMeow/ ....
|
1793202972.0023477
|
1793289372.0023477
|
|
4754
|
creating my personal website by @alyah | Stardance
|
alyah
|
2
|
16.0
|
54
|
[{"ship_num": 1, "ts": "2026-0 [{"ship_num": 1, "ts": "2026-09-02T05:39:12Z", "hours": 8.0, "multiplier": 6.73, "payout": 54, "blessing": "neutral", "text": "I made “alyah’s cafe”, my own website/digital portfolio with a cafe-themed aspect and creatives that I thought embodied who I was. this was my first ever website, and I used building it as a learning opportunity to use human made open source documentation and strive away from AI and vibecoding. I came across numerous bugs and issues throughout the 16 hours I’ve spent so far, but each has also taught me more and more about the basics of web design (learn from ur mistakes!). for something I started when I barely knew anything, i’ve come so far. I hope to continue developing more sections, adding more interactive details (aquarium coming soon!) and using more advanced javascript.", "repo": "https://github.com/lyri3aly/alyahs-cafe", "demo": "https://alyahli.ca"}, {"ship_num": 2, "ts": "2026-07-31T18:01:25Z", "hours": 8.0, "multiplier": null, "payout": 0, "blessing": "neutral", "text": "i’m really proud of how this first draft came out. really excited for people to actually be able to use and view my website from an actual link! i have many more ideas for the future, outside of just finishing the design and adding more content. i’ve learned a lot about html and css from coding this current version, so i’m hoping to expand on that using my creative skills but also use more javascript. follow along :)", "repo": "https://github.com/lyri3aly/alyahs-cafe", "demo": "https://alyahli.ca"}]...
|
[{"post_id": 60059, "ts": "202 [{"post_id": 60059, "ts": "2026-09-02T05:18:29Z", "hours": 2.845, "text": "final devlog of v2 before my first official ship :) i added a few new features and “easter eggs”! the stars around the page are draggable and you can place them anywhere like stickers. the “welcome to alyah’s cafe” text shows a typing animating when you first enter the website. i’ve also customized the scrollbar and cursors. also a few major bugfixes: navbar section detection was not working at all and taking you to random places mobile display! everything has been formated @media so those on phones can see all content properly formatted as well theres more trust i forgot tho superr proud of how this is coming along as I started this with zero webdev experience and wow we’ve come a long way. no vibecoding as well so everything is HUMAN. everything is accessible at https://alyahli.ca (yay got a domain!) :D"}, {"post_id": 58583, "ts": "2026-08-31T01:39:17Z", "hours": 2.6986, "text": "woah it’s been a while! i’ve been working on the formatting of my projects section, as I wanted the cards to be flexible in positioning and be able to stack on top of each other or fit in a row depending on the screen size. nearly everything is now exactly the same as I envisioned in figma, except for three images of stars and mobile viewing. after completing this in my next devlog, alyah’s cafe v2 will be completed! stay tuned for updates in the very near future, as I will be working on a public aquarium feature where everyone can draw and add a fish :) and as always, please add a comment if you encounter any bugs!"}, {"post_id": 40504, "ts": "2026-08-04T02:30:17Z", "hours": 2.5092, "text": "added more figma elements! my somewhat outdated receiptify and some stars are now on the website. aaanddd live section detection highlighted on the navbar. as usual, the page is accesible at: https://lyri3aly.github.io/alyahs-cafe/ if you want to check it out! however, I did order the 11$ domain grant so after that finishes pending I will change the link if there are any bugs or incompatibilities on screen sizes- many, at the moment, please let me know! (p.s. new vsc update looks great)"}, {"post_id": 38341, "ts": "2026-07-31T17:53:57Z", "hours": 2.1753, "text": "phase and draft 1 of my website complete! instead of copying everything I designed on figma all at once, I’ve decided to take it step by step. after a long vacation, i’m finally back and i’ve written all the content using html. i’m hoping to ship this version first so that I actually have a usable website. designs and other content will come soon! access my v1 website here: https://lyri3aly.github.io/alyahs-cafe/"}, {"post_id": 21027, "ts": "2026-07-02T19:57:00Z", "hours": 0.85, "text": "just spent an hour or two (lapse glitched and isn’t showing the other 1h 30min) on Figma for my new official design of version 1 of my own personal website! and things are looking good! I like this design more than my previous one and i’m so excited to recreate this with code soon :)"}, {"post_id": 20980, "ts": "2026-07-02T18:36:16Z", "hours": 4.0867, "text": "i’ve been experimenting more with images, banners, and navigation bars before deciding that I do not like the theme I had going on. i’ve switched to a different colour palette and stripped down my website! not happy about restarting everything but I’m hoping new design will resonate and look much better."}, {"post_id": 770, "ts": "2026-06-02T13:08:59Z", "hours": 0.6725, "text": "just set up the html, css, and js elements creating the outline for my website! anyone have any design ideas?"}]...
|
Title: creating my personal website by @alyah | St Title: creating my personal website by @alyah | Stardance
Devlogs:
just set up the html, css, and js elements creating the outline for my website! anyone have any design ideas?
i’ve been experimenting more with images, banners, and navigation bars before deciding that I do not like the theme I had going on. i’ve switched to a different colour palette and stripped down my website! not happy about restarting everything but I’m hoping new design will resonate and look much better.
just spent an hour or two (lapse glitched and isn’t showing the other 1h 30min) on Figma for my new official design of version 1 of my own personal website! and things are looking good! I like this design more than my previous one and i’m so excited to recreate this with code soon :)
phase and draft 1 of my website complete! instead of copying everything I designed on figma all at once, I’ve decided to take it step by step. after a long vacation, i’m finally back and i’ve written all the content using html. i’m hoping to ship this version first so that I actually have a usable website. designs and other content will come soon! access my v1 website here: https://lyri3aly.github.io/alyahs-cafe/
added more figma elements! my somewhat outdated receiptify and some stars are now on the website. aaanddd live section detection highlighted on the navbar. as usual, the page is accesible at: https://lyri3aly.github.io/alyahs-cafe/ if you want to check it out! however, I did order the 11$ domain grant so after that finishes pending I will change the link if there are any bugs or incompatibilities on screen sizes- many, at the moment, please let me know! (p.s. new vsc update looks great)
woah it’s been a while! i’ve been working on the formatting of my projects section, as I wanted the cards to be flexible in positioning and be able to stack on top of each other or fit in a row depending on the screen size. nearly everything is now exactly the same as I envisioned in figma, except for three images of stars and mobile viewing. after completing this in my next devlog, alyah’s cafe v2 will be completed! stay tuned for updates in the very near future, as I will be working on a public aquarium feature where everyone can draw and add a fish :) and as always, please add a comment if you encounter any bugs!
final devlog of v2 before my first official ship :) i added a few new features and “easter eggs”! the stars around the page are draggable and you can place them anywhere like stickers. the “welcome to alyah’s cafe” text shows a typing animating when you first enter the website. i’ve also customized the scrollbar and cursors. also a few major bugfixes: navbar section detection was not working at all and taking you to random places mobile display! everything has been formated @media so those on phones can see all content properly formatted as well theres more trust i forgot tho superr proud of how this is coming along as I started this with zero webdev experience and wow we’ve come a long way. no vibecoding as well so everything is HUMAN. everything is accessible at https://alyahli.ca (yay got a domain!) :D
Ships:
i’m really proud of how this first draft came out. really excited for people to actually be able to use and view my website from an actual link! i have many more ideas for the future, outside of just finishing the design and adding more content. i’ve learned a lot about html and css from coding this current version, so i’m hoping to expand on that using my creative skills but also use more javascript. follow along :)
I made “alyah’s cafe”, my own website/digital portfolio with a cafe-themed aspect and creatives that I thought embodied who I was. this was my first ever website, and I used building it as a learning opportunity to use human made open source documentation and strive away from AI and vibecoding. I came across numerous bugs and issues throughout the 16 hours I’ve spent so far, but each has also taught me more and more about the basics of web design (learn from ur mistakes!). for something I started when I barely knew anything, i’ve come so far. I hope to continue developing more sections, adding more interactive details (aquarium coming soon!) and using more advanced javascript....
|
1793296129.6776457
|
1793382529.6776457
|
|
13870
|
OceanOS by @Sai-K | Stardance
|
Sai-K
|
5
|
73.0
|
933
|
[{"ship_num": 1, "ts": "2026-0 [{"ship_num": 1, "ts": "2026-09-02T05:08:53Z", "hours": 5.0, "multiplier": 18.91, "payout": 88, "blessing": "neutral", "text": "OceanOS 5.0🌊 🌊 What did you make? I created OceanOS , a web-based operating system designed to feel like a real desktop environment. It includes interactive apps such as Files, Settings, Music, Gallery, Calendar, Weather, Ocean Store, Lumos , and more. OceanOS features draggable and resizable windows, menus, animations, themes, wallpapers, system controls, app installation, and other desktop-style functionality. 🧩 What was challenging? One of the biggest challenges was making all of the different parts of the operating system work together smoothly. Managing windows, animations, app states, menus, themes, sounds, and different OS modes required a lot of careful logic and testing. Making the interface feel responsive and polished while keeping everything consistent was also challenging. 🏆 What are you proud of? I’m most proud of how much OceanOS has grown from a simple web project into a complete interactive OS experience . I’m especially proud of the attention to detail in the UI, the animations, the apps, the window system, and the overall feeling of using a real desktop operating system. Building and connecting so many different features together was a major accomplishment. 🧪 What should people know to test the project? To properly test OceanOS, people should explore the desktop and try opening different apps, moving and resizing windows, using the menus, changing themes and wallpapers, testing the bottom bar, and checking the different system controls. They should also try features such as Ocean Store , app installation/uninstallation, Lumos , and switching between available OS modes. Some features may take a moment to load, so giving the interface a few seconds when testing is recommended. Thank you to everyone who has supported me in creating OceanOS. It means a lot to me, and I hope you have a wonderful experience. Have a breezy day!🌊", "repo": "https://github.com/SaiDanielK/OceanOS/tree/WindowsOS-Version", "demo": "https://ocean-os-one.vercel.app/"}, {"ship_num": 2, "ts": "2026-08-22T04:58:50Z", "hours": 15.0, "multiplier": 19.36, "payout": 260, "blessing": "neutral", "text": "OceanOS 🌊— A Web-Based Operating System Experience Introducing OceanOS, a web-based operating system that brings the look and feel of a modern desktop environment right to your browser. Unlike standard websites or separate applications, OceanOS offers a comprehensive desktop experience where everything—from applications and windows to menus and animations—works together smoothly as one unified system. OceanOS features a variety of built-in applications such as Files, Settings, Music, Gallery, Calendar, Weather, and Ocean Store, among others. Each application is designed to integrate seamlessly into the operating system, offering interactive windows and behaviors that feel intuitive and familiar. Developing OceanOS presented its own set of challenges, particularly in ensuring that all its components worked together seamlessly. I decided to create a consistent user experience rather than a disjointed collection of features. Every interaction, whether it’s launching an app, moving a window, or changing the system’s appearance, is thoughtfully designed to mimic the experience of using a real computer. I take pride in how OceanOS has evolved. At first, it was just a simple web-based desktop, and now, it has grown into a rich and immersive operating system experience. OceanOS combines a traditional desktop interface with custom applications, personalization options, animations, and Lumos, an intelligent multilingual AI assistant powered by Gemini, creating an environment you can explore, rather than just a website to browse. OceanOS is designed to be interacted with, so I encourage you to dive in and use it as you would any real operating system: Open and explore different applications. Move, resize, minimize, maximize, and close windows as needed. Use the bottom bar and windows grid for navigation. Search for applications and investigate the available options. Customize the system theme, visual style, and wallpaper to suit your preferences. Access the Ocean Store to experiment with installing and managing applications. Discover how the built-in apps interact to enhance your productivity. Try out Lumos, our AI assistant, to see how it can assist you. Experiment with menus, controls, animations, and other interactive elements throughout the desktop. For the best experience, I recommend using OceanOS on a desktop or laptop browser in fullscreen mode. A larger display allows you to fully enjoy the desktop environment, windows, animations, and applications as intended. Welcome to OceanOS 4.0🌊—an operating system designed for the web, inviting you to explore, engage with, and experience it just like you would with any traditional computer. Have a breezy day!🌊", "repo": "https://github.com/SaiDanielK/OceanOS/tree/WindowsOS-Version", "demo": "https://ocean-os-one.vercel.app/"}, {"ship_num": 3, "ts": "2026-08-07T18:32:47Z", "hours": 8.0, "multiplier": 16.41, "payout": 132, "blessing": "neutral", "text": "OceanOS 🌊 3.0 (Ship #3): OceanOS is a web-based desktop experience that brings the feel of an operating system into the browser. I built it as an ocean-themed, interactive environment with a boot sequence, a taskbar, draggable windows, built-in apps, and a polished desktop layout that feels familiar but still unique. The goal was to create something playful and immersive while still feeling functional and thoughtfully designed. The most challenging part was making the experience feel smooth and believable without relying on a traditional desktop environment. Balancing UI polish, window interactions, app behavior, and overall performance required a lot of work. I’m proud of how great OceanOS feels as a whole, especially the visual identity, the attention to detail in the interface, and the fact that it works as more than just a demo—it feels like a real product experience. People should know that OceanOS is best experienced in a modern browser and that the interactions are most fun when tested with a mouse, since dragging windows and using the desktop UI are central to the experience. If they want to try it locally, they can run the app with the usual Next.js setup, then open it in the browser and explore the desktop, apps, and settings. It’s a project that is easy to enjoy casually, but also rewarding to explore in detail. Well, that was quite the adventure. I started off with a plain template and a dream. Now, I have a complete desktop experience. I hope you enjoy OceanOS as much as I enjoyed creating it! And with no further ado, I give you… OceanOS 3.0!🌊", "repo": "https://github.com/SaiDanielK/OceanOS/tree/WindowsOS-Version", "demo": "https://ocean-os-one.vercel.app/"}, {"ship_num": 4, "ts": "2026-07-24T16:48:57Z", "hours": 17.0, "multiplier": 16.46, "payout": 276, "blessing": "neutral", "text": "OceanOS is a personal project that brings a playful, macOS-inspired desktop experience directly to your web browser. Its goal is to create a calm, relaxing ocean-themed environment that feels both immersive and enjoyable to explore. Built with modern web technologies such as Next.js, React, Zustand for state management, and Tailwind CSS for styling, OceanOS combines a polished interface with interactive functionality. The desktop includes a variety of built-in applications, ranging from everyday utilities like Calculator, Notes, and Calendar to entertainment apps like Music, Gallery, and even a TikTok-style video viewer. You’ll also find productivity and exploration tools, including a File Explorer, Weather app, a web browser that defaults to Wikipedia, and Ocean Shell—a fully interactive command-line interface that’s easily my favorite feature in the project. A quick note before you try it: if you open an app but can’t see it, your display is probably too small for the default window layout. OceanOS 2.0 was primarily tested on a 15.6-inch Windows 11 display. If this happens, simply zoom out in your browser (Ctrl + -) and drag the window back into view. OceanOS has been an exciting creative challenge and a great way to experiment with modern web development. The focus has always been on building a fun, visually appealing, and functional desktop experience that anyone can enjoy. The project is constantly evolving, with new features and improvements planned for future updates. That’s all for now! I hope you enjoy exploring OceanOS as much as I enjoyed building it. Have a breezy day! 🌊", "repo": "https://github.com/SaiDanielK/OceanOS/tree/WindowsOS-Version", "demo": "https://ocean-os-one.vercel.app/"}, {"ship_num": 5, "ts": "2026-07-10T23:56:45Z", "hours": 28.0, "multiplier": 14.12, "payout": 177, "blessing": "neutral", "text": "Welcome to OceanOS! I’m glad to finally present this project to the public and I hope that everyone gets their share of fun in this amazing simulation. I created OceanOS, an ocean-themed user-friendly desktop-simulation that allows users to experience the looks of macOS in their web browsers. To me, the most challenging part of my project was making all the apps fit on a user’s screen. I solved it by adjusting the sizes of all the apps to fit a certain position when the website is in full screen so that the user gets an amazing experience. However, if you would like the optimal experience from OceanOS, it is highly recommended to go full screen, especially in a 15.6 inch laptop (the kind I use). In my project, I am most proud of the web browser as it took me many attempts to perfect the Typescript code so that users not only can see the Wikipedia page, but also the browser simulation. Usually, implementing embed websites are very rare, so I chose Wikipedia as a base. It just so happened that Wikipedia is completely open-source and is allowed to be used in iframes. For OceanOS testers, please note, if you have not already, to go Full Screen when you visit my website. I apologize for any sizing inconveniences, and if you find yourself in such a situation, kindly resize the windows to your preference. Additionally, please adjust your browser settings to allow sound so that the startup sound can be heard. And with no further ado, I give you… OceanOS! 🥳", "repo": "https://github.com/SaiDanielK/OceanOS/tree/WindowsOS-Version", "demo": "https://ocean-os-one.vercel.app/"}]...
|
[{"post_id": 58468, "ts": "202 [{"post_id": 58468, "ts": "2026-08-30T21:45:04Z", "hours": 4.6328, "text": "🌊 OCEAN OS IS BACK!!!! 🥳🥳🌊🌊 OCEAN OS 5.0 HAS ARRIVED. 🚀🌊 We had an AMAZING time with OceanOS 4.0, but I decided it was time to take things to the next level with a newer, more complex generation of OceanOS. I like to call it “The Gen 5.” JK. It’s just called OceanOS 5.0. 😏 Seriously though, this is one of the biggest updates I’ve made so far! 🍎 Windows or macOS? You Choose. Some of you might remember we talked about adding a toggle between Windows Mode and macOS Mode . Well… it’s finally here! And yes — I brought back the beloved macOS-style dock from OceanOS 3.0. 🫡 And I am NOT exaggerating: It took me FIVE HOURS to bring that dock back. 5. WHOLE. HOURS. 😭 By the time I finished, I was running on about 3% brain power and an unreasonable amount of sleep deprivation. JK, I’m fine guys. 😂 Getting the dock working with windows, animations, app states, minimizing, restoring, and everything else was definitely an experience. But honestly? It was completely worth it. 🛠️ A LOT of Bug Fixes I fixed a bunch of bugs and annoyances you guys reported, cleaned up interactions, improved the UX, and fixed several weird behaviors. The Guide also got a major visual upgrade so it feels more like a real part of the OS. 🔴🟡🟢 THE BUTTONS ARE BACK THE THREE BUTTONS ARE BACK. 😂 macOS Mode now has: 🔴 Close 🟡 Minimize 🟢 Maximize It’s a small detail, but it makes macOS Mode feel MUCH more authentic. And after five hours getting the dock back, I was NOT leaving those out. 😭 🌅 A Fresh New Background I added a brand-new, high-quality background because a beautiful OS deserves a beautiful wallpaper. 🌊 A lot of you have asked where I find my backgrounds. One place I like is WallpaperFlare : WallpaperFlare There are some seriously awesome wallpapers there! ✨ A More Polished Top Bar The top bar got a major visual refresh to make it cleaner, more modern, and more macOS-inspired . And honestly… I LOVE how it turned out. 😭🔥 I also added smaller improvements like smoother UX, cleaner visuals, better interactions, polished menus, animation improvements, and lots of tiny details. The goal? Make OceanOS feel less like a website pretending to be an operating system… and more like an actual operating system. 🧑💻 How Did I Make This? A lot of you have asked how I created OceanOS. Honestly, OceanOS has really grown on me. I started it just a few months ago, a little after Stardance started. What began as a simple project became MUCH bigger than I expected. I started with a blank Next.js template. No OS. No desktop. No apps. No windows. Just a blank project. From there, I built everything step by step and had to learn an entirely new coding language. And honestly? I had a blast doing it. There were definitely moments where I wanted to throw my computer out the window. 😂 But every problem I solved made OceanOS a little better. 🌊 OceanOS 3.0 Was a HUGE Milestone OceanOS 3.0 was special because that was when I finally got the dock working the way I wanted. Looking back at where OceanOS started compared to where it is now… I’m honestly pretty proud of how far it’s come. What started as a blank Next.js project has become a full interactive desktop environment with apps, windows, themes, animations, system UI, multiple OS modes, and much more. And this is only OceanOS 5.0. 👀 Who knows where this thing is going next? 🚀 OceanOS 5.0 Is Coming I hope you guys enjoy the new OceanOS! You’ll be able to check it out once I ship the project on Stardance , and it’ll be available on Vercel soon. Thank you to everyone who has followed the project, given feedback, reported bugs, suggested features, or simply checked it out. OceanOS has come a LONG way, and I’m excited to keep building it. Welcome to OceanOS 5.0. 🌊 Have a breezy day! 🌊😎"}, {"post_id": 52075, "ts": "2026-08-22T04:39:33Z", "hours": 0.6983, "text": "Made the BootScreen animation WAY better. Pics are attached below. I also updated the top bar menu dropdown options and fixed a few bugs in the Ocean Store. I triple checked everything worked and I see no errors. I believe OceanOS 4.0 is ready to ship! 😁"}, {"post_id": 52040, "ts": "2026-08-22T02:40:35Z", "hours": 0.6683, "text": "Added an Activity Monitor app 📟 (btw this emoji took me SO long to find) and it’s starting to look pretty good. Just adding a few more features to the desktop and OceanOS will soon be ready to ship!"}, {"post_id": 52011, "ts": "2026-08-22T01:29:48Z", "hours": 2.0506, "text": "🌊 OceanOS 4.0 — The OceanOS Messages Era Is Here OKAY… I KNOW I JUST RELEASED OCEANOS 4.0. 😭 But I wasn’t done. After all the SVGs, debugging, redesigns, new apps, and Lumos AI, I decided OceanOS needed something that felt a little more… alive. So I built something new. 💬 Introducing: Messages OceanOS now has a Messages app . And this isn’t just a basic texting app. You can now text, voice call, and video call Lumos AI, Alex, Sam, Maya, and the OceanOS Team. Yep. All of them. 😏 Each character has their own advanced Gemini-powered voice, personality, and communication experience. They’re designed to feel like actual people you can interact with—not just static AI characters sitting inside an app. And the best part? It all works together seamlessly. Text them. Call them. Video call them. Switch between conversations. Everything is integrated directly with the Gemini API key , so the experience feels like one connected part of OceanOS instead of a bunch of separate features glued together. 👥 Meet the Crew 🤖 Lumos AI You already know Lumos. Now you can actually text, call, and video call Lumos directly from Messages. 👨 Alex One of the new voices joining the OceanOS experience. Text him, call him, or start a video call and see what happens. 👩 Sam Another new Gemini-powered voice with their own personality and communication style. 🧔♂️ Maya Yep, Maya is here too. He’s fully integrated into Messages and ready to talk. 🌊 OceanOS Team And of course… the OceanOS Team. Because sometimes you just need to talk to the people behind the ocean. 🌊🫡 🔐 Four Accounts. One Ocean. When you first open Messages, you’ll be greeted with four account options: Guest Ocean Developer Personal Work This makes Messages feel like an actual part of the operating system rather than just another app. Different accounts. Different conversations. One OceanOS experience. 📞 Texting. Voice. Video. This is probably the part I’m most excited about. Messages isn’t limited to typing. You can have a normal conversation through text , switch to a voice call , or jump into a video call . And because these are all powered by the same Gemini integration, everything works together surprisingly smoothly. I spent a LOT of time making sure the experience felt seamless. No weird transitions. No completely separate systems. Just… Messages. 🚀 👉 What’s Next? I have a feeling this is going to open up a LOT of possibilities for OceanOS. More voices. More characters. More integrations. More ways to communicate. And maybe even more things I probably shouldn’t be promising yet. 👀 But for now… Messages is here. Text them. Call them. Video call them. Try all four accounts. See what they say. And most importantly… Please don’t traumatize the OceanOS Team. 😭 🌊 Welcome to the next generation of OceanOS. The ocean isn’t just a place you explore anymore. It’s a place you can talk to. Have fun. 🌊"}, {"post_id": 47284, "ts": "2026-08-15T04:20:22Z", "hours": 11.6897, "text": "🌊 OceanOS 4.0 — I Know You All Have Been Waiting For This WOW. It has been a WHILE! I put a LOT of work into OceanOS 4.0, and I genuinely think you guys are going to love it. If you thought OceanOS 3.0 was great, just wait until you see this. ⏱️ The 12 Hours of OceanOS 4.0 Hour 1 — Settings & Boot Screen I upgraded the Settings app , fixed some long-awaited features, and completely redesigned the OceanOS boot screen. Hour 2 — The Dock Saga 😭 I spent basically the entire hour trying to bring the dock back. Eventually, I gave up. 😭 I later figured out what was wrong, but I’m NOT spending another hour making a macOS-style toggle. Psst… OceanOS 5.0. 😏 Hour 3 — Debugging I found what felt like a hundred problems while testing everything. After an entire hour of debugging, I finally said: “That’s good enough.” Then I closed my laptop and went to bed. Hour 4 — User Experience I realized many of my apps weren’t user-friendly, so I redesigned a bunch of them and completely changed the Ocean Store design. Hours 5 & 6 — Tiny Changes Mostly small changes that somehow took forever. 😭 I also added several new apps. Hour 7 — Start Launcher I redesigned the Start Launcher and added even more apps to the Ocean Store. Hour 8 — Tweaks Added minor features, cleaned things up, and improved the code. At this point, OceanOS was looking REALLY good. Hour 9 — SVG Era I removed the old icons from the project and started converting everything to SVG . Hour 10 — SVG Is NOT Easy Probably the most stressful hour. Creating and refining SVGs took forever, but they turned out pretty great. Hour 11 — Polish I polished the SVG icons and improved the overall user experience. Hour 12 — Final Push I updated the project to use the new SVG icons, debugged everything, and added one more app … 🤖 Introducing: Lumos AI Lumos AI uses Gemini 3.1 Flash Live Preview to actually speak with you. It can answer questions, communicate through voice, and support multiple languages . Basically, you can actually talk to it. 😏 🌊 And Here We Are OceanOS 4.0 is FINALLY here! 12 hours. Countless bugs. Way too much SVG. A questionable amount of sleep. And a LOT of ocean-themed code. The Vercel deployment is soon to be live , GitHub commits are coming right now , and you can access the localhost version whenever you want. 📱 Apps About, Music, Gallery, Settings, Camera, Ocean Shell, Web Browser, Notes, Calculator, TikTok, OceanStore, Markdown, TypeSprint, Location, Calendar, Weather, Files, Voice Recorder, Clock, Internet Speed Test, Lumos, and OceanCode. Explore everything. Try the new apps. Please don’t break something. 😭 And most importantly… Enjoy the Ocean. 🌊 The ocean breeze will stay here for as long as you need it. 🌊 Welcome to OceanOS! Your personal breezy companion. Have a great day! 🌊"}, {"post_id": 42804, "ts": "2026-08-07T18:23:23Z", "hours": 0.3275, "text": "Fixed a few bugs, deployed both my Github branches to Vercel, and polished my website for the optimal user experience. OceanOS 3.0 is officially ready to be shipped!🌊🌊🥳🥳"}, {"post_id": 42767, "ts": "2026-08-07T17:24:53Z", "hours": 7.6942, "text": "OceanOS 3.0 (WindowsOS Edition) OceanOS 3.0 is a redesigned web-based desktop environment built with React. This release focuses on creating a more polished and familiar desktop experience while keeping the ocean-inspired style that defines the project. Project Links Live Demo: https://ocean-os-one.vercel.app GitHub Repository: https://github.com/SaiDanielK/OceanOS/tree/WindowsOS-Version What’s New in Version 3.0 Layout & Navigation Redesigned the desktop layout with a cleaner, grid-based arrangement. Added a Windows-inspired taskbar for a more familiar navigation experience. Updated the top menu bar with fully functional navigation buttons that integrate with the system. Visual Improvements Replaced the old react-battery-gauge component with a custom blue gradient battery indicator that better matches the overall theme. Refreshed the Wi-Fi and volume controls with a cleaner, more responsive design. Improved the clock formatting so the date and time fit naturally within the taskbar. Updated the widget designs to give them a more modern and consistent appearance. Customization OceanOS now ships with a custom ocean-themed desktop by default. Easily switch wallpapers and personalize the desktop through the built-in Settings app. Tech Stack Framework: React.js Hosting: Vercel Thanks for checking out OceanOS 3.0! I had a great time building this version, and I hope you enjoy exploring it! Have a breezy day!🌊"}, {"post_id": 33902, "ts": "2026-07-24T06:14:28Z", "hours": 0.9478, "text": "Fixed a few bugs and added a few new features to my website. Just edited a few files from the src folder and I think I’m ready to ship my project now. The github link is: https://github.com/SaiDanielK/OceanOS and the Demo Link is: https://ocean-os-one.vercel.app/ Enjoy!"}, {"post_id": 33871, "ts": "2026-07-24T04:19:59Z", "hours": 5.7694, "text": "🌊 OceanOS 2.0 — A Bigger, Better, More Polished Experience OceanOS 2.0 is here! This update brings several new applications, major improvements to the Ocean Store, visual polish, bug fixes, an improved boot experience, and a brand-new file management experience integrated directly into the website. 🌤️ New Weather App OceanOS now has its own dedicated Weather app! You can now check the weather directly from your OceanOS desktop alongside the new Calendar app. Both applications have also been integrated into the Ocean Store, making them part of the growing OceanOS ecosystem. 🛍️ Install and Uninstall Apps from the Ocean Store The Ocean Store is now more interactive than ever. Users can now: Install applications directly from the Ocean Store Uninstall applications they no longer want Manage their OceanOS applications more dynamically This brings OceanOS closer to feeling like a real operating system with its own application management system. 📁 Brand-New Files App OceanOS now includes a new Files app integrated directly into the website. The Files app connects with the project’s GitHub files and provides a more organized way to explore the files and content associated with the OceanOS project. This is another step toward making OceanOS feel like a complete desktop environment rather than just a collection of applications. 🚀 Improved Boot Screen The OceanOS boot screen has been redesigned and polished to provide a smoother and more professional startup experience. Improvements include: A cleaner and more modern design Improved animations and transitions Better visual polish A more refined first impression when starting OceanOS 🖥️ Visual Improvements & A More Polished Look OceanOS 2.0 received a significant visual refresh. Updates include: A new and more polished wallpaper experience Updated icons Improved overall visual consistency Better spacing and positioning A cleaner, more refined desktop interface The goal was to make OceanOS feel more cohesive, modern, and enjoyable to use. 🔍 Bug Fixes & Improvements Several previous issues have also been fixed in this update. 🐛 Dock Magnification Fix The dock hover magnification effect has been improved and the previous magnification bug has been fixed. The dock should now respond more smoothly when hovering over icons. 📌 Improved Z-Indexing Window layering has been improved to make sure applications appear in the correct order when interacting with the desktop. This should make overlapping windows and app interactions feel much more natural. 🔎 Search Improvements The search system has also been fixed and improved, along with several other bugs from previous versions. 🌊 Welcome to OceanOS 2.0 OceanOS 2.0 is a major step forward for the project. With new apps, a more powerful Ocean Store, a new Files app, an improved boot screen, refreshed visuals, better window management, and numerous bug fixes, OceanOS is continuing to evolve into a more complete web-based operating system experience. Have fun exploring OceanOS, try out the new features, and enjoy the new update! 💻P.S. Please do not spam the suggestion box in the Notes app. Suggestions are always welcome, but please use them responsibly so everyone can help improve OceanOS. 🌊 Welcome to OceanOS 2.0 — and have fun!"}, {"post_id": 32635, "ts": "2026-07-21T22:25:50Z", "hours": 6.0922, "text": "🚀 OceanOS 2.0 Beta Update Over the last 10 hours , I’ve been hard at work improving OceanOS. Here’s what’s new in OceanOS 2.0 Beta : ✨ New Features Added a Close All button to the top bar. Added a battery indicator using react-battery-gauge in the top bar. Added mock Wi-Fi and sound indicators . Added Shut Down and Sleep options. Sleep temporarily pauses OceanOS until you click anywhere on the screen to wake it up. Added a search bar below the top bar to quickly search for apps. Added draggable Advanced Clock and Weather widgets. 📱 New Apps Notes Calculator TikTok App Store Calendar 💡 Tips For the best experience, make sure to allow sound and geolocation permissions when prompted. I’ve also attached a screenshot of the new OceanOS 2.0 Beta for reference. Enjoy! 😁"}, {"post_id": 29836, "ts": "2026-07-16T23:47:47Z", "hours": 3.9769, "text": "Devlog: New Features for Ship #2 Overview Migrated OceanOS window layout from hardcoded positioning to a z-index-window layout system . This removes the need for manual position management across individual apps. Also added a notes app with suggestions and changed app positional settings. Changes Window Component ( src/components/Window.tsx ) Added Optional Positioning : x and y props are now optional with fallback defaults Added dynamic offset calculation : Windows now cascade based on their z-index value Formula: baseOffset = (zIndex - 100) * 50px Easy to Use Layout Management Desktop Layout ( src/components/Desktop.tsx ) Removed hardcoded positions : All 8 app windows no longer have explicit x={...} and y={...} coordinates Made Prop Passing Easier : Windows now only define z-index, width, and height Windows automatically position themselves based on their stacking order Notes App and Suggestions Configuration ( src/apps/Notes.tsx ) Created a Notes application with a suggestion box where users can give their opinion on OceanOS Configured the suggestion box to use JSON : export async function GET () { const suggestions = await readSuggestions (); return NextResponse . json ( suggestions ); }"}, {"post_id": 26259, "ts": "2026-07-10T22:58:16Z", "hours": 2.1953, "text": "I spent the last 2 hours adding a web browser app (with an embed Wikipedia page) so that users can simulate a real web browser inside my operating system. I also added a transparent top bar to my project and a splash screen that opens when my website first loads. It has a ocean-colored progress bar and a nice ocean-themed background. Remember to go Full Screen so you can view the whole project!"}, {"post_id": 25387, "ts": "2026-07-09T17:29:01Z", "hours": 0.3478, "text": "I just added dock magnification on hover."}, {"post_id": 25358, "ts": "2026-07-09T16:30:35Z", "hours": 25.9081, "text": "Hello everyone! So recently, I started creating an ocean-themed user-friendly desktop-simulation that allows users to experience the looks of macOS in their web browsers. I have started this project with Next.js, React, Zustand, and Tailwind CSS. So far, I have created the dock, in which all the apps will be stored. I have also added all the apps I am going to create into it for a good start. I have also added windows and a few features in each of them. For good measure, I have also added a cool background."}]...
|
Title: OceanOS by @Sai-K | Stardance
Devlogs:
Hel Title: OceanOS by @Sai-K | Stardance
Devlogs:
Hello everyone! So recently, I started creating an ocean-themed user-friendly desktop-simulation that allows users to experience the looks of macOS in their web browsers. I have started this project with Next.js, React, Zustand, and Tailwind CSS. So far, I have created the dock, in which all the apps will be stored. I have also added all the apps I am going to create into it for a good start. I have also added windows and a few features in each of them. For good measure, I have also added a cool background.
I just added dock magnification on hover.
I spent the last 2 hours adding a web browser app (with an embed Wikipedia page) so that users can simulate a real web browser inside my operating system. I also added a transparent top bar to my project and a splash screen that opens when my website first loads. It has a ocean-colored progress bar and a nice ocean-themed background. Remember to go Full Screen so you can view the whole project!
Devlog: New Features for Ship #2 Overview Migrated OceanOS window layout from hardcoded positioning to a z-index-window layout system . This removes the need for manual position management across individual apps. Also added a notes app with suggestions and changed app positional settings. Changes Window Component ( src/components/Window.tsx ) Added Optional Positioning : x and y props are now optional with fallback defaults Added dynamic offset calculation : Windows now cascade based on their z-index value Formula: baseOffset = (zIndex - 100) * 50px Easy to Use Layout Management Desktop Layout ( src/components/Desktop.tsx ) Removed hardcoded positions : All 8 app windows no longer have explicit x={...} and y={...} coordinates Made Prop Passing Easier : Windows now only define z-index, width, and height Windows automatically position themselves based on their stacking order Notes App and Suggestions Configuration ( src/apps/Notes.tsx ) Created a Notes application with a suggestion box where users can give their opinion on OceanOS Configured the suggestion box to use JSON : export async function GET () { const suggestions = await readSuggestions (); return NextResponse . json ( suggestions ); }
🚀 OceanOS 2.0 Beta Update Over the last 10 hours , I’ve been hard at work improving OceanOS. Here’s what’s new in OceanOS 2.0 Beta : ✨ New Features Added a Close All button to the top bar. Added a battery indicator using react-battery-gauge in the top bar. Added mock Wi-Fi and sound indicators . Added Shut Down and Sleep options. Sleep temporarily pauses OceanOS until you click anywhere on the screen to wake it up. Added a search bar below the top bar to quickly search for apps. Added draggable Advanced Clock and Weather widgets. 📱 New Apps Notes Calculator TikTok App Store Calendar 💡 Tips For the best experience, make sure to allow sound and geolocation permissions when prompted. I’ve also attached a screenshot of the new OceanOS 2.0 Beta for reference. Enjoy! 😁
🌊 OceanOS 2.0 — A Bigger, Better, More Polished Experience OceanOS 2.0 is here! This update brings several new applications, major improvements to the Ocean Store, visual polish, bug fixes, an improved boot experience, and a brand-new file management experience integrated directly into the website. 🌤️ New Weather App OceanOS now has its own dedicated Weather app! You can now check the weather directly from your OceanOS desktop alongside the new Calendar app. Both applications have also been integrated into the Ocean Store, making them part of the growing OceanOS ecosystem. 🛍️ Install and Uninstall Apps from the Ocean Store The Ocean Store is now more interactive than ever. Users can now: Install applications directly from the Ocean Store Uninstall applications they no longer want Manage their OceanOS applications more dynamically This brings OceanOS closer to feeling like a real operating system with its own application management system. 📁 Brand-New Files App OceanOS now includes a new Files app integrated directly into the website. The Files app connects with the project’s GitHub files and provides a more organized way to explore the files and content associated with the OceanOS project. This is another step toward making OceanOS feel like a complete desktop environment rather than just a collection of applications. 🚀 Improved Boot Screen The OceanOS boot screen has been redesigned and polished to provide a smoother and more professional startup experience. Improvements include: A cleaner and more modern design Improved animations and transitions Better visual polish A more refined first impression when starting OceanOS 🖥️ Visual Improvements & A More Polished Look OceanOS 2.0 received a significant visual refresh. Updates include: A new and more polished wallpaper experience Updated icons Improved overall visual consistency Better spacing and positioning A cleaner, more refined desktop interface The goal was to make OceanOS feel more cohesive, modern, and enjoyable to use. 🔍 Bug Fixes & Improvements Several previous issues have also been fixed in this update. 🐛 Dock Magnification Fix The dock hover magnification effect has been improved and the previous magnification bug has been fixed. The dock should now respond more smoothly when hovering over icons. 📌 Improved Z-Indexing Window layering has been improved to make sure applications appear in the correct order when interacting with the desktop. This should make overlapping windows and app interactions feel much more natural. 🔎 Search Improvements The search system has also been fixed and improved, along with several other bugs from previous versions. 🌊 Welcome to OceanOS 2.0 OceanOS 2.0 is a major step forward for the project. With new apps, a more powerful Ocean Store, a new Files app, an improved boot screen, refreshed visuals, better window management, and numerous bug fixes, OceanOS is continuing to evolve into a more complete web-based operating system experience. Have fun exploring OceanOS, try out the new features, and enjoy the new update! 💻P.S. Please do not spam the suggestion box in the Notes app. Suggestions are always welcome, but please use them responsibly so everyone can help improve OceanOS. 🌊 Welcome to OceanOS 2.0 — and have fun!
Fixed a few bugs and added a few new features to my website. Just edited a few files from the src folder and I think I’m ready to ship my project now. The github link is: https://github.com/SaiDanielK/OceanOS and the Demo Link is: https://ocean-os-one.vercel.app/ Enjoy!
OceanOS 3.0 (WindowsOS Edition) OceanOS 3.0 is a redesigned web-based desktop environment built with React. This release focuses on creating a more polished and familiar desktop experience while keeping the ocean-inspired style that defines the project. Project Links Live Demo: https://ocean-os-one.vercel.app GitHub Repository: https://github.com/SaiDanielK/OceanOS/tree/WindowsOS-Version What’s New in Version 3.0 Layout & Navigation Redesigned the desktop layout with a cleaner, grid-based arrangement. Added a Windows-inspired taskbar for a more familiar navigation experience. Updated the top menu bar with fully functional navigation buttons that integrate with the system. Visual Improvements Replaced the old react-battery-gauge component with a custom blue gradient battery indicator that better matches the overall theme. Refreshed the Wi-Fi and volume controls with a cleaner, more responsive design. Improved the clock formatting so the date and time fit naturally within the taskbar. Updated the widget designs to give them a more modern and consistent appearance. Customization OceanOS now ships with a custom ocean-themed desktop by default. Easily switch wallpapers and personalize the desktop through the built-in Settings app. Tech Stack Framework: React.js Hosting: Vercel Thanks for checking out OceanOS 3.0! I had a great time building this version, and I hope you enjoy exploring it! Have a breezy day!🌊
Fixed a few bugs, deployed both my Github branches to Vercel, and polished my website for the optimal user experience. OceanOS 3.0 is officially ready to be shipped!🌊🌊🥳🥳
🌊 OceanOS 4.0 — I Know You All Have Been Waiting For This WOW. It has been a WHILE! I put a LOT of work into OceanOS 4.0, and I genuinely think you guys are going to love it. If you thought OceanOS 3.0 was great, just wait until you see this. ⏱️ The 12 Hours of OceanOS 4.0 Hour 1 — Settings & Boot Screen I upgraded the Settings app , fixed some long-awaited features, and completely redesigned the OceanOS boot screen. Hour 2 — The Dock Saga 😭 I spent basically the entire hour trying to bring the dock back. Eventually, I gave up. 😭 I later figured out what was wrong, but I’m NOT spending another hour making a macOS-style toggle. Psst… OceanOS 5.0. 😏 Hour 3 — Debugging I found what felt like a hundred problems while testing everything. After an entire hour of debugging, I finally said: “That’s good enough.” Then I closed my laptop and went to bed. Hour 4 — User Experience I realized many of my apps weren’t user-friendly, so I redesigned a bunch of them and completely changed the Ocean Store design. Hours 5 & 6 — Tiny Changes Mostly small changes that somehow took forever. 😭 I also added several new apps. Hour 7 — Start Launcher I redesigned the Start Launcher and added even more apps to the Ocean Store. Hour 8 — Tweaks Added minor features, cleaned things up, and improved the code. At this point, OceanOS was looking REALLY good. Hour 9 — SVG Era I removed the old icons from the project and started converting everything to SVG . Hour 10 — SVG Is NOT Easy Probably the most stressful hour. Creating and refining SVGs took forever, but they turned out pretty great. Hour 11 — Polish I polished the SVG icons and improved the overall user experience. Hour 12 — Final Push I updated the project to use the new SVG icons, debugged everything, and added one more app … 🤖 Introducing: Lumos AI Lumos AI uses Gemini 3.1 Flash Live Preview to actually speak with you. It can answer questions, communicate through voice, and support multiple languages . Basically, you can actually talk to it. 😏 🌊 And Here We Are OceanOS 4.0 is FINALLY here! 12 hours. Countless bugs. Way too much SVG. A questionable amount of sleep. And a LOT of ocean-themed code. The Vercel deployment is soon to be live , GitHub commits are coming right now , and you can access the localhost version whenever you want. 📱 Apps About, Music, Gallery, Settings, Camera, Ocean Shell, Web Browser, Notes, Calculator, TikTok, OceanStore, Markdown, TypeSprint, Location, Calendar, Weather, Files, Voice Recorder, Clock, Internet Speed Test, Lumos, and OceanCode. Explore everything. Try the new apps. Please don’t break something. 😭 And most importantly… Enjoy the Ocean. 🌊 The ocean breeze will stay here for as long as you need it. 🌊 Welcome to OceanOS! Your personal breezy companion. Have a great day! 🌊
🌊 OceanOS 4.0 — The OceanOS Messages Era Is Here OKAY… I KNOW I JUST RELEASED OCEANOS 4.0. 😭 But I wasn’t done. After all the SVGs, debugging, redesigns, new apps, and Lumos AI, I decided OceanOS needed something that felt a little more… alive. So I built something new. 💬 Introducing: Messages OceanOS now has a Messages app . And this isn’t just a basic texting app. You can now text, voice call, and video call Lumos AI, Alex, Sam, Maya, and the OceanOS Team. Yep. All of them. 😏 Each character has their own advanced Gemini-powered voice, personality, and communication experience. They’re designed to feel like actual people you can interact with—not just static AI characters sitting inside an app. And the best part? It all works together seamlessly. Text them. Call them. Video call them. Switch between conversations. Everything is integrated directly with the Gemini API key , so the experience feels like one connected part of OceanOS instead of a bunch of separate features glued together. 👥 Meet the Crew 🤖 Lumos AI You already know Lumos. Now you can actually text, call, and video call Lumos directly from Messages. 👨 Alex One of the new voices joining the OceanOS experience. Text him, call him, or start a video call and see what happens. 👩 Sam Another new Gemini-powered voice with their own personality and communication style. 🧔♂️ Maya Yep, Maya is here too. He’s fully integrated into Messages and ready to talk. 🌊 OceanOS Team And of course… the OceanOS Team. Because sometimes you just need to talk to the people behind the ocean. 🌊🫡 🔐 Four Accounts. One Ocean. When you first open Messages, you’ll be greeted with four account options: Guest Ocean Developer Personal Work This makes Messages feel like an actual part of the operating system rather than just another app. Different accounts. Different conversations. One OceanOS experience. 📞 Texting. Voice. Video. This is probably the part I’m most excited about. Messages isn’t limited to typing. You can have a normal conversation through text , switch to a voice call , or jump into a video call . And because these are all powered by the same Gemini integration, everything works together surprisingly smoothly. I spent a LOT of time making sure the experience felt seamless. No weird transitions. No completely separate systems. Just… Messages. 🚀 👉 What’s Next? I have a feeling this is going to open up a LOT of possibilities for OceanOS. More voices. More characters. More integrations. More ways to communicate. And maybe even more things I probably shouldn’t be promising yet. 👀 But for now… Messages is here. Text them. Call them. Video call them. Try all four accounts. See what they say. And most importantly… Please don’t traumatize the OceanOS Team. 😭 🌊 Welcome to the next generation of OceanOS. The ocean isn’t just a place you explore anymore. It’s a place you can talk to. Have fun. 🌊
Added an Activity Monitor app 📟 (btw this emoji took me SO long to find) and it’s starting to look pretty good. Just adding a few more features to the desktop and OceanOS will soon be ready to ship!
Made the BootScreen animation WAY better. Pics are attached below. I also updated the top bar menu dropdown options and fixed a few bugs in the Ocean Store. I triple checked everything worked and I see no errors. I believe OceanOS 4.0 is ready to ship! 😁
🌊 OCEAN OS IS BACK!!!! 🥳🥳🌊🌊 OCEAN OS 5.0 HAS ARRIVED. 🚀🌊 We had an AMAZING time with OceanOS 4.0, but I decided it was time to take things to the next level with a newer, more complex generation of OceanOS. I like to call it “The Gen 5.” JK. It’s just called OceanOS 5.0. 😏 Seriously though, this is one of the biggest updates I’ve made so far! 🍎 Windows or macOS? You Choose. Some of you might remember we talked about adding a toggle between Windows Mode and macOS Mode . Well… it’s finally here! And yes — I brought back the beloved macOS-style dock from OceanOS 3.0. 🫡 And I am NOT exaggerating: It took me FIVE HOURS to bring that dock back. 5. WHOLE. HOURS. 😭 By the time I finished, I was running on about 3% brain power and an unreasonable amount of sleep deprivation. JK, I’m fine guys. 😂 Getting the dock working with windows, animations, app states, minimizing, restoring, and everything else was definitely an experience. But honestly? It was completely worth it. 🛠️ A LOT of Bug Fixes I fixed a bunch of bugs and annoyances you guys reported, cleaned up interactions, improved the UX, and fixed several weird behaviors. The Guide also got a major visual upgrade so it feels more like a real part of the OS. 🔴🟡🟢 THE BUTTONS ARE BACK THE THREE BUTTONS ARE BACK. 😂 macOS Mode now has: 🔴 Close 🟡 Minimize 🟢 Maximize It’s a small detail, but it makes macOS Mode feel MUCH more authentic. And after five hours getting the dock back, I was NOT leaving those out. 😭 🌅 A Fresh New Background I added a brand-new, high-quality background because a beautiful OS deserves a beautiful wallpaper. 🌊 A lot of you have asked where I find my backgrounds. One place I like is WallpaperFlare : WallpaperFlare There are some seriously awesome wallpapers there! ✨ A More Polished Top Bar The top bar got a major visual refresh to make it cleaner, more modern, and more macOS-inspired . And honestly… I LOVE how it turned out. 😭🔥 I also added smaller improvements like smoother UX, cleaner visuals, better interactions, polished menus, animation improvements, and lots of tiny details. The goal? Make OceanOS feel less like a website pretending to be an operating system… and more like an actual operating system. 🧑💻 How Did I Make This? A lot of you have asked how I created OceanOS. Honestly, OceanOS has really grown on me. I started it just a few months ago, a little after Stardance started. What began as a simple project became MUCH bigger than I expected. I started with a blank Next.js template. No OS. No desktop. No apps. No windows. Just a blank project. From there, I built everything step by step and had to learn an entirely new coding language. And honestly? I had a blast doing it. There were definitely moments where I wanted to throw my computer out the window. 😂 But every problem I solved made OceanOS a little better. 🌊 OceanOS 3.0 Was a HUGE Milestone OceanOS 3.0 was special because that was when I finally got the dock working the way I wanted. Looking back at where OceanOS started compared to where it is now… I’m honestly pretty proud of how far it’s come. What started as a blank Next.js project has become a full interactive desktop environment with apps, windows, themes, animations, system UI, multiple OS modes, and much more. And this is only OceanOS 5.0. 👀 Who knows where this thing is going next? 🚀 OceanOS 5.0 Is Coming I hope you guys enjoy the new OceanOS! You’ll be able to check it out once I ship the project on Stardance , and it’ll be available on Vercel soon. Thank you to everyone who has followed the project, given feedback, reported bugs, suggested features, or simply checked it out. OceanOS has come a LONG way, and I’m excited to keep building it. Welcome to OceanOS 5.0. 🌊 Have a breezy day! 🌊😎
Ships:
Welcome to OceanOS! I’m glad to finally present this project to the public and I hope that everyone gets their share of fun in this amazing simulation. I created OceanOS, an ocean-themed user-friendly desktop-simulation that allows users to experience the looks of macOS in their web browsers. To me, the most challenging part of my project was making all the apps fit on a user’s screen. I solved it by adjusting the sizes of all the apps to fit a certain position when the website is in full screen so that the user gets an amazing experience. However, if you would like the optimal experience from OceanOS, it is highly recommended to go full screen, especially in a 15.6 inch laptop (the kind I use). In my project, I am most proud of the web browser as it took me many attempts to perfect the Typescript code so that users not only can see the Wikipedia page, but also the browser simulation. Usually, implementing embed websites are very rare, so I chose Wikipedia as a base. It just so happened that Wikipedia is completely open-source and is allowed to be used in iframes. For OceanOS testers, please note, if you have not already, to go Full Screen when you visit my website. I apologize for any sizing inconveniences, and if you find yourself in such a situation, kindly resize the windows to your preference. Additionally, please adjust your browser settings to allow sound so that the startup sound can be heard. And with no further ado, I give you… OceanOS! 🥳
OceanOS is a personal project that brings a playful, macOS-inspired desktop experience directly to your web browser. Its goal is to create a calm, relaxing ocean-themed environment that feels both immersive and enjoyable to explore. Built with modern web technologies such as Next.js, React, Zustand for state management, and Tailwind CSS for styling, OceanOS combines a polished interface with interactive functionality. The desktop includes a variety of built-in applications, ranging from everyday utilities like Calculator, Notes, and Calendar to entertainment apps like Music, Gallery, and even a TikTok-style video viewer. You’ll also find productivity and exploration tools, including a File Explorer, Weather app, a web browser that defaults to Wikipedia, and Ocean Shell—a fully interactive command-line interface that’s easily my favorite feature in the project. A quick note before you try it: if you open an app but can’t see it, your display is probably too small for the default window layout. OceanOS 2.0 was primarily tested on a 15.6-inch Windows 11 display. If this happens, simply zoom out in your browser (Ctrl + -) and drag the window back into view. OceanOS has been an exciting creative challenge and a great way to experiment with modern web development. The focus has always been on building a fun, visually appealing, and functional desktop experience that anyone can enjoy. The project is constantly evolving, with new features and improvements planned for future updates. That’s all for now! I hope you enjoy exploring OceanOS as much as I enjoyed building it. Have a breezy day! 🌊
OceanOS 🌊 3.0 (Ship #3): OceanOS is a web-based desktop experience that brings the feel of an operating system into the browser. I built it as an ocean-themed, interactive environment with a boot sequence, a taskbar, draggable windows, built-in apps, and a polished desktop layout that feels familiar but still unique. The goal was to create something playful and immersive while still feeling functional and thoughtfully designed. The most challenging part was making the experience feel smooth and believable without relying on a traditional desktop environment. Balancing UI polish, window interactions, app behavior, and overall performance required a lot of work. I’m proud of how great OceanOS feels as a whole, especially the visual identity, the attention to detail in the interface, and the fact that it works as more than just a demo—it feels like a real product experience. People should know that OceanOS is best experienced in a modern browser and that the interactions are most fun when tested with a mouse, since dragging windows and using the desktop UI are central to the experience. If they want to try it locally, they can run the app with the usual Next.js setup, then open it in the browser and explore the desktop, apps, and settings. It’s a project that is easy to enjoy casually, but also rewarding to explore in detail. Well, that was quite the adventure. I started off with a plain template and a dream. Now, I have a complete desktop experience. I hope you enjoy OceanOS as much as I enjoyed creating it! And with no further ado, I give you… OceanOS 3.0!🌊
OceanOS 🌊— A Web-Based Operating System Experience Introducing OceanOS, a web-based operating system that brings the look and feel of a modern desktop environment right to your browser. Unlike standard websites or separate applications, OceanOS offers a comprehensive desktop experience where everything—from applications and windows to menus and animations—works together smoothly as one unified system. OceanOS features a variety of built-in applications such as Files, Settings, Music, Gallery, Calendar, Weather, and Ocean Store, among others. Each application is designed to integrate seamlessly into the operating system, offering interactive windows and behaviors that feel intuitive and familiar. Developing OceanOS presented its own set of challenges, particularly in ensuring that all its components worked together seamlessly. I decided to create a consistent user experience rather than a disjointed collection of features. Every interaction, whether it’s launching an app, moving a window, or changing the system’s appearance, is thoughtfully designed to mimic the experience of using a real computer. I take pride in how OceanOS has evolved. At first, it was just a simple web-based desktop, and now, it has grown into a rich and immersive operating system experience. OceanOS combines a traditional desktop interface with custom applications, personalization options, animations, and Lumos, an intelligent multilingual AI assistant powered by Gemini, creating an environment you can explore, rather than just a website to browse. OceanOS is designed to be interacted with, so I encourage you to dive in and use it as you would any real operating system: Open and explore different applications. Move, resize, minimize, maximize, and close windows as needed. Use the bottom bar and windows grid for navigation. Search for applications and investigate the available options. Customize the system theme, visual style, and wallpaper to suit your preferences. Access the Ocean Store to experiment with installing and managing applications. Discover how the built-in apps interact to enhance your productivity. Try out Lumos, our AI assistant, to see how it can assist you. Experiment with menus, controls, animations, and other interactive elements throughout the desktop. For the best experience, I recommend using OceanOS on a desktop or laptop browser in fullscreen mode. A larger display allows you to fully enjoy the desktop environment, windows, animations, and applications as intended. Welcome to OceanOS 4.0🌊—an operating system designed for the web, inviting you to explore, engage with, and experience it just like you would with any traditional computer. Have a breezy day!🌊
OceanOS 5.0🌊 🌊 What did you make? I created OceanOS , a web-based operating system designed to feel like a real desktop environment. It includes interactive apps such as Files, Settings, Music, Gallery, Calendar, Weather, Ocean Store, Lumos , and more. OceanOS features draggable and resizable windows, menus, animations, themes, wallpapers, system controls, app installation, and other desktop-style functionality. 🧩 What was challenging? One of the biggest challenges was making all of the different parts of the operating system work together smoothly. Managing windows, animations, app states, menus, themes, sounds, and different OS modes required a lot of careful logic and testing. Making the interface feel responsive and polished while keeping everything consistent was also challenging. 🏆 What are you proud of? I’m most proud of how much OceanOS has grown from a simple web project into a complete interactive OS experience . I’m especially proud of the attention to detail in the UI, the animations, the apps, the window system, and the overall feeling of using a real desktop operating system. Building and connecting so many different features together was a major accomplishment. 🧪 What should people know to test the project? To properly test OceanOS, people should explore the desktop and try opening different apps, moving and resizing windows, using the menus, changing themes and wallpapers, testing the bottom bar, and checking the different system controls. They should also try features such as Ocean Store , app installation/uninstallation, Lumos , and switching between available OS modes. Some features may take a moment to load, so giving the interface a few seconds when testing is recommended. Thank you to everyone who has supported me in creating OceanOS. It means a lot to me, and I hope you have a wonderful experience. Have a breezy day!🌊...
|
1793220641.9798293
|
1793307041.9798293
|
|
33895
|
Athena Refresher site by @salmon | Stardance
|
salmon
|
1
|
1.0
|
0
|
[{"ship_num": 1, "ts": "2026-0 [{"ship_num": 1, "ts": "2026-09-02T05:02:45Z", "hours": 1.0, "multiplier": null, "payout": 0, "blessing": "neutral", "text": "I made a personal website that displays my interests. It includes my GitHub account and an interactive button and number display. It was difficult getting the CSS to appear in the demo page, despite it working on VS code.", "repo": "https://github.com/salmoneeella/sunbeam-refresher", "demo": "https://salmoneeella.github.io/sunbeam-refresher/"}]...
|
[{"post_id": 60047, "ts": "202 [{"post_id": 60047, "ts": "2026-09-02T04:49:19Z", "hours": 1.21, "text": "Sunbeam personal website"}]...
|
Title: Athena Refresher site by @salmon | Stardanc Title: Athena Refresher site by @salmon | Stardance
Devlogs:
Sunbeam personal website
Ships:
I made a personal website that displays my interests. It includes my GitHub account and an interactive button and number display. It was difficult getting the CSS to appear in the demo page, despite it working on VS code....
|
1793249336.815964
|
1793335736.815964
|
|
56923
|
Ping Pong by @tanishah | Stardance
|
tanishah
|
1
|
5.0
|
6
|
[{"ship_num": 1, "ts": "2026-0 [{"ship_num": 1, "ts": "2026-09-02T04:32:19Z", "hours": 5.0, "multiplier": 1.13, "payout": 6, "blessing": "neutral", "text": "Hey, I just made a small ping pong game to learn some basics of pygame. I added my own little bits and quirks to it to make it something different. I hope you like it!", "repo": "https://github.com/tanishashah2726/PingPong", "demo": "https://tanishashah2726.itch.io/pingpong"}]...
|
[{"post_id": 60003, "ts": "202 [{"post_id": 60003, "ts": "2026-09-02T03:02:39Z", "hours": 2.8814, "text": "just fixed a few bugs and changed the color palette as well as added some new features to make it a little more interesting than just regular ping pong"}, {"post_id": 59239, "ts": "2026-08-31T22:24:12Z", "hours": 2.5225, "text": "I’m learning how to use pygame and I’m making a bunch of small games with python. here’s Ping Pong"}]...
|
Title: Ping Pong by @tanishah | Stardance
Devlogs Title: Ping Pong by @tanishah | Stardance
Devlogs:
I’m learning how to use pygame and I’m making a bunch of small games with python. here’s Ping Pong
just fixed a few bugs and changed the color palette as well as added some new features to make it a little more interesting than just regular ping pong
Ships:
Hey, I just made a small ping pong game to learn some basics of pygame. I added my own little bits and quirks to it to make it something different. I hope you like it!...
|
1793238622.3132637
|
1793325022.3132637
|
|
52216
|
orbital by @ttyChud | Stardance
|
ttyChud
|
1
|
56.0
|
993
|
[{"ship_num": 1, "ts": "2026-0 [{"ship_num": 1, "ts": "2026-09-02T04:23:11Z", "hours": 56.0, "multiplier": 17.6, "payout": 993, "blessing": "neutral", "text": "This is Orbit Lens, a real-time 3D satellite tracking website built using vanilla JavaScript and Three.js. It tracks over 16,000 live space objects around earth using real-time data from CelesTrak. It has many features including 3d and 2d orbit tracking, 3d models of select satellites (ISS, Terra, HST, and Aqua). It also includes a filtering feature where you can filter satellites based on specific categories Before testing this project, it is important to know some stuff: You will have the best experience if you access this through a laptop or desktop Sometimes, the api maybe down or is not responding to requests so please keep in mind that if you see an alert saying API not responding, it is out of the website’s hands and it an error outside of my control. That’s it. Thank you for testing this project and hope you like it :)", "repo": "https://github.com/Himanshu121865/orbital", "demo": "https://orbital-sandy.vercel.app/"}]...
|
[{"post_id": 60029, "ts": "202 [{"post_id": 60029, "ts": "2026-09-02T04:19:17Z", "hours": 0.5989, "text": "OrbitLens Devlog #13: fixing deployment bugs 😭😭 Before i continue with this devlog, let me start by saying that modern security rules are the worst. Like istg, why do they have to be so strict? Anyway, you’ll see what i mean by that down below. THis session was all about fixing the deployment bugs. I was almost done and then these f bugs ruined it. This devlog has only abt 30 mins logged because i had the help of ai to fix this because this was way way out of my expertise. Here are the changes. I used ai for this devlog though cus i didn’t understand what it did (but i only used it for htis devlog): Problem 1: The [UNSUPPORTED_FEATURE] Vite Crash My very first Vercel build crashed immediately with a “Top-level await is currently not supported with the ‘iife’ output format” error. Apparently, the satellite.js library I use for SGP4 orbital propagation runs heavy calculations using Web Workers and WebAssembly. By default, Vite tries to bundle everything into an older iife format for maximum browser compatibility, which completely choked on the newer await feature inside the worker file. I fixed this (with the help of ai) by explicitly telling Vite’s internal bundler (Rolldown) to output modern ES modules for both the main thread and the background workers. I created a vite.config.js file and updated the configuration (see vite.config.js in the github repo) Problem 2: 404 Missing 3D Models After fixing the build, the site successfully deployed, but my 3D models (like the ISS and Hubble) and Earth textures threw 404 Not Found errors in the console. Because I was loading these assets while the app was running in my Three.js code using string paths (e.g., ‘/models/iss.glb’), Vite didn’t know they existed and simply excluded them from the final production build. I moved my models and textures folders into Vite’s public directory. Anything placed in the public folder gets copied exactly as is to the root of the final build. This bug wasn’t too bad but the next one was absolute hell. Problem 3: API, Cloudflare and CORS block This was the hardest part. Orbit Lens fetches live Two-Line Element (TLE) data for over 16,000 satellites directly from CelesTrak. It worked perfectly when i hosted it locally, but on Vercel, the browser instantly threw a 403 Forbidden error. CelesTrak uses Cloudflare to prevent automated scraping. When Cloudflare saw an Origin header coming from a deployed Vercel frontend instead of an normaly IP like my computer’s, it blocked the connection. Attempts to use public proxies (like allorigins) resulted in 408 Request Timeout errors because the multiple mb big satellite data took too long to transfer. To fix this, I used Vercel’s Native Rewrites (i have no idea how to use this so i asked ai to do it for me). “I” ;) created a vercel.json file in the root directory to act as a silent backend proxy. By fetching from my own local route (/api/celestrak), the browser doesn’t trigger CORS security. Vercel’s backend intercepts the request, strips the frontend Origin header that was triggering the firewall, and routes the raw data back to the application. This worked! And the website is finally live and i am about to ship the project!"}, {"post_id": 60005, "ts": "2026-09-02T03:10:06Z", "hours": 1.5539, "text": "OrbitLens Devlog #12: Added README.md and ARCHITECTURE.md In this session, i added the README and ARCHITECTURE.md. The README.md highlights the basic features of the website, the tech stack used and how to run this project locally. The ARCHITECTURE.md goes deeper into how the code itself works so anyone perusing it can get a better idea on how i built this project."}, {"post_id": 59764, "ts": "2026-09-01T18:10:36Z", "hours": 2.1944, "text": "OrbitLens Devlog #11: Semi-final changes In this session, i focused on finding small aspects that need to be improved and improved them. Change 1: Firstly, i realised that the dropdown i had implemented was the default dropdown and it didn’t rlly fare well when there were 16000 items to choose from. So i made a custom dropdown, which looks much better than the default one, and made a funciton along with it that shows like the first 200 items matching the search query or, if nothing in being searched, the first 200 items in the list that the API gave. This made the entire experiene so much better because the default dropdown looked kinda ugly cus it took the whole length of the screen. Normally, this wouldnt take too long but i accidentally deleted the wrong eventListeners multiple times because satFilter and satSearch were so similar. So i spent like a good amount of time trying ot find the problem, and it turned out that i justmodified or deleted the wrong thing. Change 2: I found a problem with the filtering system, more specifically in filtering the space stations. Previously, i just had all the satellites with ISS or CSS in their names classified as space station because there are only two space statoins in space right now (ISS and Tiangong) so i filtered any satellites with those two names. But i failed to take into account that other satellites might also have ISS or CSS in their names so instead of two satellites showin up, 16 satellites were avaialbe in that filter. And these were not space stations but rather other statellits which had like ISS or CSS in their names (e.g. Swisscube). So i changed the filter to filter the space stations by their respective NoradIDs, which worked. Change 3: This change wasnt too big; i modified the expanded map layout becaues how it was before led to it having a lot of blank space and probalby wouldnt have looked good in differnet devices."}, {"post_id": 59360, "ts": "2026-09-01T03:31:31Z", "hours": 4.2022, "text": "OrbitLens Devlog #10: mobile layout implementation + better loading screen I am nearing the first ship of this project so this session were just about the final aspects that needed to be improved Change 1: I completely changed the loading screen. Firstly, it now displays the loading percentage that accurately shows the real time progress. Secondly, overall it just looks much better. Thirdly, i also implemented an error notification in the main dashboard in case the API doesnt work and so the website doesnt look like it’s broken Change 2: I added a mobile layout option. by that i mean that if the user is accessing this website on a mobile, it won’t be completely botched (hopefully) p.s. i know this devlog isnt that detailed as my previous ones and that’s because there isn’t much to talk about in this session cus the main changes were in the styles.css (and i’m hella tired)"}, {"post_id": 58733, "ts": "2026-08-31T08:54:43Z", "hours": 6.5158, "text": "OrbitLens Devlog #9: implemented satellite filtering + earth connecting line and complete UI overhaul Now that the website has a proper engine and everything was working well, i decided to add some more stuff. I had two goals for this session. One was to add a satellite filtering option where the user can filter categories of satellites. The other is to change the ui because there were many imprefectoins. Here is a breakdown of what i changed and the challenges i faced: Change 1: I added a global filtering system to fiter satellites by categories. To do this i first built a string-matching engine directly into the TLE parsing loop. As the engine downloads the TLE data from the API, it scans the satellite names and tags them each with categories. I didn’t really know what to categorise them so i thought of some categories and i asked ai to think of some categories. These are the categories: StarlinkOnewebCommsNavigationWeatherand Other/Miscallaneous (which i impemented later; read below) I then wired the HTML dropdown directly into the WebGL gpu loop. Instead of deleting unselected satellites (which would take up too much gpu memory), the gpu simply multiplies their matrix scale to 0, 0, 0, which would just hide them. But there was a challenge that i faced, though it wasn’t a big one. When i first implemented the filter, I noticed that the total satellite count dropped to around 12,000. It turned out that all the satellites that didnt fit into any cateogry were not shown at all so i expanded the categories to include an OTHER category. I also had to make some changes in the raycaster or the users would accidentally be clicking on the hidden satellites. Change 2: I also added a line connecting the selected satellite directly to its exact spot on the Earth’s surface directly beneath it. I did this by first pre-allocating a THREE.BufferGeometry with exactly two vertices. Inside the animation loop, i then took the satellite’s live 3D coordinates and use a .normalize() math function. Because the Earth has a radius of exactly 1, normalizing the 3d coordinates perfectly attaches the bottom of the line to the planet’s surface. But, i ran into a bug where the line would randomly disappear depending on the camera angle. After some research (ai) i found out that this was caused by Three.js’s “Frustum Culling.” The code calculated the line bounding box once when the websited started up and when the camera moved away from that initial box, the gpu assumed the line was out of sight and stopped rendering it to save memory. So i just added a line of code (frustumCulled = false) that just overrode that. Change 3: Lastly, i essentially completely rewrote the styles.css to change how the ui looked cus i didn’t relaly like how it looked before. So this was the third change."}, {"post_id": 57886, "ts": "2026-08-30T06:40:40Z", "hours": 6.5181, "text": "OrbitLens Devlog #8: Scaling the 3d globe and some other stuff In the last update, i finally implemented the 2d map so this time i want to take this website a step further since the foundation is stable enough. I decided to go from tracking 5 hardcoded satellites to over 16,000 space objects. Here is what i changed, how i changed it and the challenges i faced: Change 1: Originally, i just added the starlink satellites to what i already had which was my initial goal. but the thing was, i was requesting the API for thousands of satellites, which did work once and all of them were stored in localStorage but for ‘testing purposes’ (i was just stupif), i cleared the localStorage and re-requested the TLE which it then instantly rejected cus of its ‘anti-bot firewalls’ and i got ip banned for like a couple of hours and it gave a 403 error aswell. To fix this, i read some CelesTrak documentation and i realised that there is a way to ismply request all the satellite (every satellite that it had) data in one request. Apparently there was a special search query (‘active’) that i could’ve used but instead i individually fetched everything. So once i used that query, i got all of the satellitse (a bit more than 16000) rendered on the earth but it was laggy, which leads to my second change. Change 2 To fix this massive lag caused by the 16000+ satellites, I completely replaced the standard 3D mesh pipeline with THREE.InstancedMesh so that instead of creating 16,000 individual sphere objects (which would like instantly crashes the browser), i can feed the GPU a single geometry and material, along with an array of 16,000 matrixes. That means now the gpu like renders everything in one go. But, I hit a massive 5-second freeze whenever a user clicked the ISS (which makes sense cus this was a 4k extremely detailed 3d model). The thing was, WebGL delays uploading heavy 3D textures to the GPU until an object is actually rendered on screen. And because the ISS model was hidden on startup, the compiler skipped it, so the website was stuck trying to render it when i selected the ISS. I solved this by forcing the renderer to draw one “dummy frame” with all models visible during the loading screen, which, in a sense, ‘warmed up’ the GPU. Change 3: The lag was better but it was still there and i realised the problem was that each of the dots representing a satellite were smoothly moving in space. This smooth-moving physics applied to over 16000 dots was what slowed down the website. To fix this, I rewrote the loop that propogates the satellite dots so physics calculations wouldn’t choke the main JavaScript thread. To do this i built a system to process the satellites in batches of 4,000 satellites per frame instead of all 16,000. Second, i scrapped geodetic trigonometry (latitude/longitude conversions; see one of the earlier devlogs) and replaced it with direct Earth-Centered, Earth-Fixed (ECEF) 3D vector rotation. Initially, our batches were too small, causing satellites to visually ‘teleport’ instead of smoothly gliding, which looked really glitchy. But by upgrading to matrix rotation, i managed to get a huge increase in speed. This allowed me to crank the batch size up and get that smooth motion across the entire thing. Change(s) 4: There were still some small bugs in the visual aspects like the dots disappearing or the transition jump (see previous devlog(s) to understand) and stuff but i took care of them."}, {"post_id": 56499, "ts": "2026-08-28T09:22:18Z", "hours": 3.8858, "text": "OrbitLens Devlog #7: Implementing a 2D orbit map To expand the functinality of the website, i wanted to add a 2D world map that has the 3d orbit projected on to it. Here is a breakdown of what i built, how i built it and the challenge i faced. What I Built: I made a 2D projection of the 3d globe using the HTML5 Canvas API that runs at the same time with the WebGL 3D engine. The map automatically appears when a satellite is selected, and fetches live telemetry to draw exactly one full orbital period (half past, half future). The orbit line looks like how it does on the 3d globe with a yellow line representing the past trail and a dotted blue line representing the predicted future track. I also built an “EXPAND” toggle that expands the map to fill most of the screen if the user wants to take a close look. Challenges: If a satellite flies east across the Pacific Ocean (where the International Date Line is), its longitude coordinates suddenly jump from +179deg to -179deg. I originally didnt take this into account and it had like this massive, horizontal glitch streak entirely across the screen cus of the sudden coordinate shift. To fix this, I programmed a strict mathematical distance gate into the drawing loop. If the engine detects that the X-coordinate has jumped by more than half the width of the canvas, it forces the renderer to break the current stroke (mapCtx.stroke()), lift the ‘pen’, and begin a completely new path on the opposite edge of the map (mapCtx.beginPath()). When plotting a full 90-minute orbit, the beginning of the yellow line and the end of the cyan line do not connect perfectly, leaving a massive gap. I originally thought this was a problem and tried for quite a while to fix this and i double checked the math formulas again and again. But i realised this isnt a math error, it’s just physics. While the satellite flies in a continuous circle, the Earth is physically rotating underneath it. By the time the satellite completes one lap, the ground has shifted roughly 22.5 degrees to the east, pushing the satellite’s relative ground track to the west. So i just left it like that to accurately represent the Earth’s rotation. This was the biggest problem and took the most time to fix. Three.js orbital camera controls are incredibly aggressive about capturing mouse events. The 3D engine was always suppressing the HTML ‘click’ events, making the “EXPAND” button not work. Not only that, the standard inline CSS was pushing the 3D canvas down the page, which misaligned everything and didnt allow me to select the satellites at all. To fix this, fisrt, i locked the 3D canvas to a fixed background layer (z-index: -1) to completely isolate it from the UI layout. Second, i bypassed the WebGL event interceptors entirely and connected the code that handles the expansion directly to a global window function (window.toggleMap) and just injected the button with the HTML onclick attribute. This fixed everything and now it works really great."}, {"post_id": 55587, "ts": "2026-08-27T15:15:22Z", "hours": 6.2028, "text": "OrbitLens Devlog #6: Implemented Sun and the day night cycles + camera panning improvements The core engine was working smoothly, so this session was focused on the ui and aesthetics and realism. Here are the changes i made, how i made them, and the challenges i faced: Change 1: Implemented the Sun The first major goal was replacing the static and boring lighting the 3D earth originally had with a Sun. To do this, I wrote a custom Solar Ephemeris algorithm. Using the current Julian date, it calculates the sun’s exact Right Ascension, Declination, and Earth’s Greenwich Mean Sidereal Time (GMST) to pinpoint the real-time subsolar vector. Since this was some complicated math, i had to use some ai for this. But in a WebGL engine, lights are purely mathematical vectors and there is no physical object in the sky. So when i first added a solid white sphere, it literally looked like a flat plastic toy and looked really ugly. To fix this, I abandoned the 3D ball and built a 2D Sprite using the HTML5 Canvas API to generate a radial gradient. By using Additive Blending to the material, I forced it to mathematically layer the light over the space, which created like this blinding, light that looked like the sun, which was good. Change 2: The Day/Night City lights cycle: To make the globe even more realistic, I wanted the night side of the Earth to have like the night time city lights rather than just a dark shadow. To build this, I added an 8k night-map texture (from Solar System Scope) and implemented a WebGL fragment shader into the Three.js’s native MeshPhongMaterial using a compiler hook. But there was a problem, the free night map that i implemented had this blue tint to it, and when i tried to correct it, it literally turned to this muddy, polluted yellow. To fix this, I programmed the shader to intercept the texture data, remove the color tint by calculating luminance, and pass it through a smoothstep noise gate. Anything below a 10% threshold was forced to pitch black, while populated areas were recolored with a warm golden orange hue. And it worked great! Change 3: More camera improvements Despite the previous session having to do with correcting the camera engine, there were still some stuff that i fixed here. The problem was since i removed OrbitControls in the last session (read previous devlog), once i had like hte earth upside, it was very hard to make it upright again. like at one point, i had the entire europe upside down and Africa was at the top of the globe but i couldnt get it back to normal. To fix this I changed the code so that the panning controls thing swaps between OrbitControls (for the 3D globe) and TrackballControls (for the satellites/spacecrafts). But there were some more challenges: When a zoom-in animation (read previous devlogs) finished (after selecting e.g. a satellite), the camera would like glitch backward into a less zoomed in position which was kinds uncomfortable to look at. Because the satellites were moving a static transition speed couldn’t catch them before the animation finished, so the final frame was a bit glitchy and the screen like jumped a bit. To fix all of these problems, I first made sure that disabled camera controls are completely turned off so they can’t fight the active zoom animations. I also made it that instead of moving at a steady speed, I added a speed-up effect as the camera gets closer to the target. This ensures that the camera glides smoothly into place right on time without any jerky jumps."}, {"post_id": 55313, "ts": "2026-08-27T01:49:10Z", "hours": 7.3289, "text": "OrbitLens Devlog #5: Camera panning improvements and performance updates After the changes from Devlog #4, all the math and the 3d models were all working but i faced some problems in other aspects of the website. Here are soe of the changes i made: Change 1: Correct orientation This was a small change, but i noticed that some satellites were a bit too big (like Aqua) and were positioned wrongly, so i just chaged teh scale and the rotation to make it a bit more realistic Changes 2, 3, and 4: The camera improvements I faced a lots of problems with the camera and how it worked. Before, i couldn’t rotated in all directions around the earth or the satellites because they were using OrbitControls so i swapped that out with TrackballControls, which allows for 360deg panninh There was also like a rubber band effect where the camera, when the camera lock was selected as satellite, zoomed in towards a satellite, i couldn’t interact with the satellite at all. THis was because as the satellite’s moving, the camera is also actuvely trying to catch up so it never actually ‘ended’ its animation so i was blocked from interacting with the satellite. To fix this i implemented delta tracking. The engine now calculates the exact mathematical vector the satellite moves every frame and shifts the camera’s physical position by that exact same amount, which worked. Previously, switching targets caused the camera to travel in a straight line, clipping through the Earth, which looked kinda unprofessional so I engineered a custom transition that separates the camera’s direction from its altitude. Now, when you select a new satellite, the camera zooms out, tracels in a an arc over the globe, and zooms in to the destination satellite. The animation still needs a lot of improvement cus some parts are still a bit glitchy, but i’m happy for now. Change 5: I implemented it that the TLEs are now stored in the actual localStorage for like 6 hours and then fetch new TLEs. So the user will always have the latest TLEs cus they update evey 12hrs."}, {"post_id": 54315, "ts": "2026-08-25T08:17:16Z", "hours": 5.8253, "text": "OrbitLens Devlog #4: Adding multiple satellites In my last update, I finally got a 3D model of the ISS rendering on the globe with a basic UI dashboard. It looked cool, but I wanted to scale it up. I wanted to add multiple famous satellites on top of the ISS: The Hubble Space Telescope (HST)NASA’s AquaNASA’s TerraTiangongISS (which already exists) At least for now. Maybe in later stages, I can add Starlink satellites or sth. Here is waht I built, how I built it, and the challenges I faced. Change/Challenge 1: the orbit that looked like a slinky I hardcoded a 90-minute orbit line (the ISS orbit time). But other satellites have different orbital periods, so 90 mins fell short. Increasing it to a 12-hour calculation made the ISS orbit look like a massive slinky wrapping around the Earth cus its orbit is only 90mins. I fixed this by dynamically calculating the exact total orbit time using the satellite’s math: const periodMinutes = Math.ceil((2 * Math.PI) / satrec.no); const halfPeriod = Math.floor(periodMinutes / 2); Change/Challenge 2: IP ban (again) The JS fetch() doesn’t consider a ‘429 too many requests’ (i got this cus vite reloaded the page every time i saved something) response as a network error, so it tried calculating the HTML error page as orbital math and crashed. I fixed this by manually checking the response.ok HTTP status. If the API blocks me, the code redirects to an “Offline Fallback Mode”—loading a hardcoded string of ISS TLE math so the app survives. Change/Challenge 3: improper API request After like 4 hours, I realized I still wasn’t getting a proper API response even though the IP ban would have worn off. I looked at the code and realized I was pulling data for all five satellites in one go by just comma-separating the values in the URL like this: …/gp.php?CATNR=25544,20580,48274&FORMAT=tle (each number references to a satellite) But after CelesTrak’s documentation, it strictly dictated that the CATNR parameter only accepts a single catalog number. The server rejected the request, my code assumed 0 satellites, and the engine crashed. The fix: Writing five separate fetch() blocks is messy, and implementing an await fetch() in a for-loop creates a slow “waterfall” effect (waiting for one to finish before starting the next). I fixed this with JavaScript’s Promise.all. I created an array of the exact NORAD IDs, mapped over it to generate separate, perfectly formatted fetch requests, and Promise.all fires them all at the exact same time. Change/Challenge 4: I wanted 3D models for all of these. I found Aqua and HST easily from NASA. I found Terra, but it was fetching some other incompatible file I didn’t have, so I just scratched the Terra model. Tiangong was the biggest pain—everywhere I looked was either paid or on Sketchfab, and I cant create a Sketchfab account cus of some stupid Epic Games restriction. Implementing the files I did have was the next issue. Hardcoding multiple GLTFLoader blocks would turn the code into spaghetti. Plus, 3D models from the internet aren’t scaled equally—my Hubble was massive, and my Aqua model was tiny. The fix: I built a central Model Registry object. It maps a satellite’s NORAD ID to its file path and a specific scale multiplier. Even better, I implemented a fallback for satellites I done have a model for. If I track a satellite (like Tiangong) but leave the file path as null, the code detects this and dynamically generates a glowing cyan sphere using Three.js math to take its place. Changes 5 and 6: I updated the dashboard to include a dropdown to select the satellite and the telemetry updates accordingly. I also added a camera toggle feature where the user can lock the camera to follow the satellite or stay locked on the Earth. Lastly, I implemented a custom loading screen while the models load. P.S.Lots of info is compressed cus i crossed the 4000 char limit."}, {"post_id": 53856, "ts": "2026-08-24T15:41:08Z", "hours": 5.4819, "text": "OrbitLens Devlog #3: Adding a dashboard + ISS 3d model implementation I had two goals in my mind in this session. One was to add a dashboard which displays some stats of the ISS and the other is to replace the red dot with a 3d model of the ISS. Here is what and how I implemented these stuff and the challenges i faced: Change/Problem 1: Before I even got started on the new stuff i wanted to add, i faced a big problem. While testing the physics code and other stuff, my build tool (Vite) was auto-refreshing the browser every time I hit save. This I spammed CelesTrak’s public API with dozens of requests per minute. This lead to me kinda getting IP blocked temporarily, at least that’s what i think happend because it always returned an HTML error page instead of a TLE string. My engine tried to calculate stuff with that empty TLE and just crashed the engine The fix: It is important to know that a TLE is not like a live GPS broadcast that gets transmitted every second. It’s literally like a mathematical snapshot of a ton of stuff of the ISS like its position and its orbit and NORAD only updates these TLEs like twice a day or sth. So I fixed this api problem by making it such that the localStorage caches the TLE once and uses it for the calculation for the next 12 hours and then updates the TLE after that. Change 2: Dashboard implementation I implemented a dashboard that shows up on the top left of the screen and shows the following stuff abotu the ISS: Longitude: the method i used to calculate this is in one of my previous devlogs (i think my last one). But here is a quick summary: To find coordinates I first calculated the Greenwich Mean Sidereal Time (gmst), which gives me the exact rotational angle of the Earth at that specific millisecond. I passed the ECI position (one of the previosu devlogs) and gmst into satellite.eciToGeodetic(), which projects the point onto the spinning globe in radians. I then multiplied those values by 180/pi to convert the radians into standard degrees latitude: same as longitude -altitude: The eciToGeodetic() function also calculates the distance from the satellite’s coordinates down to the mathematical surface of the Earth (the WGS84 or the ‘World Geodetic System 1984’ ellipsoid which is like a mathematical reference representation of the earth that is used in calculatoin and stuff). It outputs this directly as height in kilometers, which I then simply rounded to two dp. -velocity: The propagate() function outputs the satellite’s speed broken into X, Y, and Z axes (measured in km/s). To get a single speed, I calculated the magnitude of that 3D vector using the 3D Pythagorean theorem: v = squareroot(x^2 + y^2 + z^2) Change 3: To implement a 3d model, i first needed that 3d image. I wanted the highest quality NASA model available (Model D - IGOAL). I downloaded the official .fbx, converted it to a .glb, and ended up with a 255mb file. Which is really bad because shoving a 255mb file into a web browser would just crash the entire thing. So i just ran that through a draco compression and a texture compression (WebP 1024x1024) which brought the size to about 18mb which was much better. To render this, I used Three.js’s GLTFLoader with a dedicated Google WebAssembly DRACOLoader to decode the compressed math. The next couple of changes were just to make it more realistic: i changed the scale from 0.02 (where it was the size of a continent) to 0.001 (which made it a good size) the direction the ISS faced was not accurate at all so I wanted to rotate until its in the correct position. But because the animate() loop was actively using math to point the model forward 60 times a second, it kept overriding my manual rotation. So I wrapped the ISS in a THREE.Group, rotated the mesh 90 degrees inside that container, and then applied the math."}, {"post_id": 52416, "ts": "2026-08-22T15:23:19Z", "hours": 3.9075, "text": "OrbitLens Devlog #2: Adding ISS + Orbit This session was mainly focused on implementing the ISS first to the satellite tracker. Here are the changes I made: Satellite Data Extraction and ISS Positioning To understand what I did in this session, it is important to know how I can get the ‘live’ location of the ISS works: firstly, satellites don’t broadcast live GPS coordinates to the internet. Instead, radars track them and publish Two-Line Element (TLE) sets. A TLE is like a raw string that “acts as a mathematical variable of an orbit’s shape at a specific moment.” I got these TLE from a non-profit API called CelesTrak. these TLEs are kinda useless so I used the satellite.js library to parse te TLEs. This js engine also allows you to run what is known as SGP4 models (Simplified General Perturbations 4) which is a mathematical model used to predict an orbit. Using this, TLEs are then converted to what’s known as Earth-Centered Inertial (ECI) vectors which is a “non-rotating 3D coordinate system anchored to the center of the Earth with its axes fixed relative to the stars, allowing you to calculate a satellite’s absolute mathematical position in space independent of the Earth spinning beneath it.” The ECI is still not useful so I passed it through satellite.eciToGeodetic which converted the eci to geodetic coordinates (longitude, latitude and altitude) But there’s one more step before the data is useful. The thing is Three.js only understands Cartesian coordinates (x, y, z) so the geodetic coordinates need to be converted to catesian. I did that using these mathematical formulas: x = r * cos(lat) * cos(lon) y = r * sin(lat) z = -r * cos(lat) * sin(lon) Orbit Implementation Satellites do not orbit in perfect circles; they follow complex trajectories that shift as the Earth rotates underneath them. The ISS takes roughly 92 minutes to complete one full orbit around the Earth. I captured this entire window by running two separate for loops. For these loops, i created 92 differed Date objects spaced exactly 1 second apart. here are the loops and how they work in a small nutshell: The Past: I looped backward from -46 minutes up to 0 (the current moment) and inputted the X, Y, and Z coordinates in each loop into THREE.BufferGeometry to draw a solid yellow LineBasicMaterial. The Future: I looped forward from 0 to +46 minutes. In every single iteration of those loops, and did the same thing. Challenges: the hemisphere and orbit were originally flipped or were completely false so i had to wrack my brain and dind the cause. I spent more than an hour debugging this. Turns out the formula was wrong and i used sin instaed of cos. In te end, I also double checked my orbit and position with official ISS trackers, and they matched!"}, {"post_id": 51593, "ts": "2026-08-21T11:15:14Z", "hours": 2.2086, "text": "OrbitLens Devlog #1: Rendering the Earth 3D I just kick started this project, Orbit Lens, and my aim is to build a fully free, real-time 3D satellite tracker from scratch using Three.js and maybe some other libraries. Today was all about creating the core 3D arch. You can’t track a satellite without a planet to orbit, so Phase 1 was focused on rendering the Earth and setting up the Three.js environment. What I accomplished in Phase 1: Set up my environment with ViteBuilt the Three.js scene, camera, and render loop.Rendered a 3D Earth utilizing maps from solar system scope.Enabled OrbitControls to enable camera panning This is just the basic foundations of the project so there’ll be much more development in the future."}]...
|
Title: orbital by @ttyChud | Stardance
Devlogs:
O Title: orbital by @ttyChud | Stardance
Devlogs:
OrbitLens Devlog #1: Rendering the Earth 3D I just kick started this project, Orbit Lens, and my aim is to build a fully free, real-time 3D satellite tracker from scratch using Three.js and maybe some other libraries. Today was all about creating the core 3D arch. You can’t track a satellite without a planet to orbit, so Phase 1 was focused on rendering the Earth and setting up the Three.js environment. What I accomplished in Phase 1: Set up my environment with ViteBuilt the Three.js scene, camera, and render loop.Rendered a 3D Earth utilizing maps from solar system scope.Enabled OrbitControls to enable camera panning This is just the basic foundations of the project so there’ll be much more development in the future.
OrbitLens Devlog #2: Adding ISS + Orbit This session was mainly focused on implementing the ISS first to the satellite tracker. Here are the changes I made: Satellite Data Extraction and ISS Positioning To understand what I did in this session, it is important to know how I can get the ‘live’ location of the ISS works: firstly, satellites don’t broadcast live GPS coordinates to the internet. Instead, radars track them and publish Two-Line Element (TLE) sets. A TLE is like a raw string that “acts as a mathematical variable of an orbit’s shape at a specific moment.” I got these TLE from a non-profit API called CelesTrak. these TLEs are kinda useless so I used the satellite.js library to parse te TLEs. This js engine also allows you to run what is known as SGP4 models (Simplified General Perturbations 4) which is a mathematical model used to predict an orbit. Using this, TLEs are then converted to what’s known as Earth-Centered Inertial (ECI) vectors which is a “non-rotating 3D coordinate system anchored to the center of the Earth with its axes fixed relative to the stars, allowing you to calculate a satellite’s absolute mathematical position in space independent of the Earth spinning beneath it.” The ECI is still not useful so I passed it through satellite.eciToGeodetic which converted the eci to geodetic coordinates (longitude, latitude and altitude) But there’s one more step before the data is useful. The thing is Three.js only understands Cartesian coordinates (x, y, z) so the geodetic coordinates need to be converted to catesian. I did that using these mathematical formulas: x = r * cos(lat) * cos(lon) y = r * sin(lat) z = -r * cos(lat) * sin(lon) Orbit Implementation Satellites do not orbit in perfect circles; they follow complex trajectories that shift as the Earth rotates underneath them. The ISS takes roughly 92 minutes to complete one full orbit around the Earth. I captured this entire window by running two separate for loops. For these loops, i created 92 differed Date objects spaced exactly 1 second apart. here are the loops and how they work in a small nutshell: The Past: I looped backward from -46 minutes up to 0 (the current moment) and inputted the X, Y, and Z coordinates in each loop into THREE.BufferGeometry to draw a solid yellow LineBasicMaterial. The Future: I looped forward from 0 to +46 minutes. In every single iteration of those loops, and did the same thing. Challenges: the hemisphere and orbit were originally flipped or were completely false so i had to wrack my brain and dind the cause. I spent more than an hour debugging this. Turns out the formula was wrong and i used sin instaed of cos. In te end, I also double checked my orbit and position with official ISS trackers, and they matched!
OrbitLens Devlog #3: Adding a dashboard + ISS 3d model implementation I had two goals in my mind in this session. One was to add a dashboard which displays some stats of the ISS and the other is to replace the red dot with a 3d model of the ISS. Here is what and how I implemented these stuff and the challenges i faced: Change/Problem 1: Before I even got started on the new stuff i wanted to add, i faced a big problem. While testing the physics code and other stuff, my build tool (Vite) was auto-refreshing the browser every time I hit save. This I spammed CelesTrak’s public API with dozens of requests per minute. This lead to me kinda getting IP blocked temporarily, at least that’s what i think happend because it always returned an HTML error page instead of a TLE string. My engine tried to calculate stuff with that empty TLE and just crashed the engine The fix: It is important to know that a TLE is not like a live GPS broadcast that gets transmitted every second. It’s literally like a mathematical snapshot of a ton of stuff of the ISS like its position and its orbit and NORAD only updates these TLEs like twice a day or sth. So I fixed this api problem by making it such that the localStorage caches the TLE once and uses it for the calculation for the next 12 hours and then updates the TLE after that. Change 2: Dashboard implementation I implemented a dashboard that shows up on the top left of the screen and shows the following stuff abotu the ISS: Longitude: the method i used to calculate this is in one of my previous devlogs (i think my last one). But here is a quick summary: To find coordinates I first calculated the Greenwich Mean Sidereal Time (gmst), which gives me the exact rotational angle of the Earth at that specific millisecond. I passed the ECI position (one of the previosu devlogs) and gmst into satellite.eciToGeodetic(), which projects the point onto the spinning globe in radians. I then multiplied those values by 180/pi to convert the radians into standard degrees latitude: same as longitude -altitude: The eciToGeodetic() function also calculates the distance from the satellite’s coordinates down to the mathematical surface of the Earth (the WGS84 or the ‘World Geodetic System 1984’ ellipsoid which is like a mathematical reference representation of the earth that is used in calculatoin and stuff). It outputs this directly as height in kilometers, which I then simply rounded to two dp. -velocity: The propagate() function outputs the satellite’s speed broken into X, Y, and Z axes (measured in km/s). To get a single speed, I calculated the magnitude of that 3D vector using the 3D Pythagorean theorem: v = squareroot(x^2 + y^2 + z^2) Change 3: To implement a 3d model, i first needed that 3d image. I wanted the highest quality NASA model available (Model D - IGOAL). I downloaded the official .fbx, converted it to a .glb, and ended up with a 255mb file. Which is really bad because shoving a 255mb file into a web browser would just crash the entire thing. So i just ran that through a draco compression and a texture compression (WebP 1024x1024) which brought the size to about 18mb which was much better. To render this, I used Three.js’s GLTFLoader with a dedicated Google WebAssembly DRACOLoader to decode the compressed math. The next couple of changes were just to make it more realistic: i changed the scale from 0.02 (where it was the size of a continent) to 0.001 (which made it a good size) the direction the ISS faced was not accurate at all so I wanted to rotate until its in the correct position. But because the animate() loop was actively using math to point the model forward 60 times a second, it kept overriding my manual rotation. So I wrapped the ISS in a THREE.Group, rotated the mesh 90 degrees inside that container, and then applied the math.
OrbitLens Devlog #4: Adding multiple satellites In my last update, I finally got a 3D model of the ISS rendering on the globe with a basic UI dashboard. It looked cool, but I wanted to scale it up. I wanted to add multiple famous satellites on top of the ISS: The Hubble Space Telescope (HST)NASA’s AquaNASA’s TerraTiangongISS (which already exists) At least for now. Maybe in later stages, I can add Starlink satellites or sth. Here is waht I built, how I built it, and the challenges I faced. Change/Challenge 1: the orbit that looked like a slinky I hardcoded a 90-minute orbit line (the ISS orbit time). But other satellites have different orbital periods, so 90 mins fell short. Increasing it to a 12-hour calculation made the ISS orbit look like a massive slinky wrapping around the Earth cus its orbit is only 90mins. I fixed this by dynamically calculating the exact total orbit time using the satellite’s math: const periodMinutes = Math.ceil((2 * Math.PI) / satrec.no); const halfPeriod = Math.floor(periodMinutes / 2); Change/Challenge 2: IP ban (again) The JS fetch() doesn’t consider a ‘429 too many requests’ (i got this cus vite reloaded the page every time i saved something) response as a network error, so it tried calculating the HTML error page as orbital math and crashed. I fixed this by manually checking the response.ok HTTP status. If the API blocks me, the code redirects to an “Offline Fallback Mode”—loading a hardcoded string of ISS TLE math so the app survives. Change/Challenge 3: improper API request After like 4 hours, I realized I still wasn’t getting a proper API response even though the IP ban would have worn off. I looked at the code and realized I was pulling data for all five satellites in one go by just comma-separating the values in the URL like this: …/gp.php?CATNR=25544,20580,48274&FORMAT=tle (each number references to a satellite) But after CelesTrak’s documentation, it strictly dictated that the CATNR parameter only accepts a single catalog number. The server rejected the request, my code assumed 0 satellites, and the engine crashed. The fix: Writing five separate fetch() blocks is messy, and implementing an await fetch() in a for-loop creates a slow “waterfall” effect (waiting for one to finish before starting the next). I fixed this with JavaScript’s Promise.all. I created an array of the exact NORAD IDs, mapped over it to generate separate, perfectly formatted fetch requests, and Promise.all fires them all at the exact same time. Change/Challenge 4: I wanted 3D models for all of these. I found Aqua and HST easily from NASA. I found Terra, but it was fetching some other incompatible file I didn’t have, so I just scratched the Terra model. Tiangong was the biggest pain—everywhere I looked was either paid or on Sketchfab, and I cant create a Sketchfab account cus of some stupid Epic Games restriction. Implementing the files I did have was the next issue. Hardcoding multiple GLTFLoader blocks would turn the code into spaghetti. Plus, 3D models from the internet aren’t scaled equally—my Hubble was massive, and my Aqua model was tiny. The fix: I built a central Model Registry object. It maps a satellite’s NORAD ID to its file path and a specific scale multiplier. Even better, I implemented a fallback for satellites I done have a model for. If I track a satellite (like Tiangong) but leave the file path as null, the code detects this and dynamically generates a glowing cyan sphere using Three.js math to take its place. Changes 5 and 6: I updated the dashboard to include a dropdown to select the satellite and the telemetry updates accordingly. I also added a camera toggle feature where the user can lock the camera to follow the satellite or stay locked on the Earth. Lastly, I implemented a custom loading screen while the models load. P.S.Lots of info is compressed cus i crossed the 4000 char limit.
OrbitLens Devlog #5: Camera panning improvements and performance updates After the changes from Devlog #4, all the math and the 3d models were all working but i faced some problems in other aspects of the website. Here are soe of the changes i made: Change 1: Correct orientation This was a small change, but i noticed that some satellites were a bit too big (like Aqua) and were positioned wrongly, so i just chaged teh scale and the rotation to make it a bit more realistic Changes 2, 3, and 4: The camera improvements I faced a lots of problems with the camera and how it worked. Before, i couldn’t rotated in all directions around the earth or the satellites because they were using OrbitControls so i swapped that out with TrackballControls, which allows for 360deg panninh There was also like a rubber band effect where the camera, when the camera lock was selected as satellite, zoomed in towards a satellite, i couldn’t interact with the satellite at all. THis was because as the satellite’s moving, the camera is also actuvely trying to catch up so it never actually ‘ended’ its animation so i was blocked from interacting with the satellite. To fix this i implemented delta tracking. The engine now calculates the exact mathematical vector the satellite moves every frame and shifts the camera’s physical position by that exact same amount, which worked. Previously, switching targets caused the camera to travel in a straight line, clipping through the Earth, which looked kinda unprofessional so I engineered a custom transition that separates the camera’s direction from its altitude. Now, when you select a new satellite, the camera zooms out, tracels in a an arc over the globe, and zooms in to the destination satellite. The animation still needs a lot of improvement cus some parts are still a bit glitchy, but i’m happy for now. Change 5: I implemented it that the TLEs are now stored in the actual localStorage for like 6 hours and then fetch new TLEs. So the user will always have the latest TLEs cus they update evey 12hrs.
OrbitLens Devlog #6: Implemented Sun and the day night cycles + camera panning improvements The core engine was working smoothly, so this session was focused on the ui and aesthetics and realism. Here are the changes i made, how i made them, and the challenges i faced: Change 1: Implemented the Sun The first major goal was replacing the static and boring lighting the 3D earth originally had with a Sun. To do this, I wrote a custom Solar Ephemeris algorithm. Using the current Julian date, it calculates the sun’s exact Right Ascension, Declination, and Earth’s Greenwich Mean Sidereal Time (GMST) to pinpoint the real-time subsolar vector. Since this was some complicated math, i had to use some ai for this. But in a WebGL engine, lights are purely mathematical vectors and there is no physical object in the sky. So when i first added a solid white sphere, it literally looked like a flat plastic toy and looked really ugly. To fix this, I abandoned the 3D ball and built a 2D Sprite using the HTML5 Canvas API to generate a radial gradient. By using Additive Blending to the material, I forced it to mathematically layer the light over the space, which created like this blinding, light that looked like the sun, which was good. Change 2: The Day/Night City lights cycle: To make the globe even more realistic, I wanted the night side of the Earth to have like the night time city lights rather than just a dark shadow. To build this, I added an 8k night-map texture (from Solar System Scope) and implemented a WebGL fragment shader into the Three.js’s native MeshPhongMaterial using a compiler hook. But there was a problem, the free night map that i implemented had this blue tint to it, and when i tried to correct it, it literally turned to this muddy, polluted yellow. To fix this, I programmed the shader to intercept the texture data, remove the color tint by calculating luminance, and pass it through a smoothstep noise gate. Anything below a 10% threshold was forced to pitch black, while populated areas were recolored with a warm golden orange hue. And it worked great! Change 3: More camera improvements Despite the previous session having to do with correcting the camera engine, there were still some stuff that i fixed here. The problem was since i removed OrbitControls in the last session (read previous devlog), once i had like hte earth upside, it was very hard to make it upright again. like at one point, i had the entire europe upside down and Africa was at the top of the globe but i couldnt get it back to normal. To fix this I changed the code so that the panning controls thing swaps between OrbitControls (for the 3D globe) and TrackballControls (for the satellites/spacecrafts). But there were some more challenges: When a zoom-in animation (read previous devlogs) finished (after selecting e.g. a satellite), the camera would like glitch backward into a less zoomed in position which was kinds uncomfortable to look at. Because the satellites were moving a static transition speed couldn’t catch them before the animation finished, so the final frame was a bit glitchy and the screen like jumped a bit. To fix all of these problems, I first made sure that disabled camera controls are completely turned off so they can’t fight the active zoom animations. I also made it that instead of moving at a steady speed, I added a speed-up effect as the camera gets closer to the target. This ensures that the camera glides smoothly into place right on time without any jerky jumps.
OrbitLens Devlog #7: Implementing a 2D orbit map To expand the functinality of the website, i wanted to add a 2D world map that has the 3d orbit projected on to it. Here is a breakdown of what i built, how i built it and the challenge i faced. What I Built: I made a 2D projection of the 3d globe using the HTML5 Canvas API that runs at the same time with the WebGL 3D engine. The map automatically appears when a satellite is selected, and fetches live telemetry to draw exactly one full orbital period (half past, half future). The orbit line looks like how it does on the 3d globe with a yellow line representing the past trail and a dotted blue line representing the predicted future track. I also built an “EXPAND” toggle that expands the map to fill most of the screen if the user wants to take a close look. Challenges: If a satellite flies east across the Pacific Ocean (where the International Date Line is), its longitude coordinates suddenly jump from +179deg to -179deg. I originally didnt take this into account and it had like this massive, horizontal glitch streak entirely across the screen cus of the sudden coordinate shift. To fix this, I programmed a strict mathematical distance gate into the drawing loop. If the engine detects that the X-coordinate has jumped by more than half the width of the canvas, it forces the renderer to break the current stroke (mapCtx.stroke()), lift the ‘pen’, and begin a completely new path on the opposite edge of the map (mapCtx.beginPath()). When plotting a full 90-minute orbit, the beginning of the yellow line and the end of the cyan line do not connect perfectly, leaving a massive gap. I originally thought this was a problem and tried for quite a while to fix this and i double checked the math formulas again and again. But i realised this isnt a math error, it’s just physics. While the satellite flies in a continuous circle, the Earth is physically rotating underneath it. By the time the satellite completes one lap, the ground has shifted roughly 22.5 degrees to the east, pushing the satellite’s relative ground track to the west. So i just left it like that to accurately represent the Earth’s rotation. This was the biggest problem and took the most time to fix. Three.js orbital camera controls are incredibly aggressive about capturing mouse events. The 3D engine was always suppressing the HTML ‘click’ events, making the “EXPAND” button not work. Not only that, the standard inline CSS was pushing the 3D canvas down the page, which misaligned everything and didnt allow me to select the satellites at all. To fix this, fisrt, i locked the 3D canvas to a fixed background layer (z-index: -1) to completely isolate it from the UI layout. Second, i bypassed the WebGL event interceptors entirely and connected the code that handles the expansion directly to a global window function (window.toggleMap) and just injected the button with the HTML onclick attribute. This fixed everything and now it works really great.
OrbitLens Devlog #8: Scaling the 3d globe and some other stuff In the last update, i finally implemented the 2d map so this time i want to take this website a step further since the foundation is stable enough. I decided to go from tracking 5 hardcoded satellites to over 16,000 space objects. Here is what i changed, how i changed it and the challenges i faced: Change 1: Originally, i just added the starlink satellites to what i already had which was my initial goal. but the thing was, i was requesting the API for thousands of satellites, which did work once and all of them were stored in localStorage but for ‘testing purposes’ (i was just stupif), i cleared the localStorage and re-requested the TLE which it then instantly rejected cus of its ‘anti-bot firewalls’ and i got ip banned for like a couple of hours and it gave a 403 error aswell. To fix this, i read some CelesTrak documentation and i realised that there is a way to ismply request all the satellite (every satellite that it had) data in one request. Apparently there was a special search query (‘active’) that i could’ve used but instead i individually fetched everything. So once i used that query, i got all of the satellitse (a bit more than 16000) rendered on the earth but it was laggy, which leads to my second change. Change 2 To fix this massive lag caused by the 16000+ satellites, I completely replaced the standard 3D mesh pipeline with THREE.InstancedMesh so that instead of creating 16,000 individual sphere objects (which would like instantly crashes the browser), i can feed the GPU a single geometry and material, along with an array of 16,000 matrixes. That means now the gpu like renders everything in one go. But, I hit a massive 5-second freeze whenever a user clicked the ISS (which makes sense cus this was a 4k extremely detailed 3d model). The thing was, WebGL delays uploading heavy 3D textures to the GPU until an object is actually rendered on screen. And because the ISS model was hidden on startup, the compiler skipped it, so the website was stuck trying to render it when i selected the ISS. I solved this by forcing the renderer to draw one “dummy frame” with all models visible during the loading screen, which, in a sense, ‘warmed up’ the GPU. Change 3: The lag was better but it was still there and i realised the problem was that each of the dots representing a satellite were smoothly moving in space. This smooth-moving physics applied to over 16000 dots was what slowed down the website. To fix this, I rewrote the loop that propogates the satellite dots so physics calculations wouldn’t choke the main JavaScript thread. To do this i built a system to process the satellites in batches of 4,000 satellites per frame instead of all 16,000. Second, i scrapped geodetic trigonometry (latitude/longitude conversions; see one of the earlier devlogs) and replaced it with direct Earth-Centered, Earth-Fixed (ECEF) 3D vector rotation. Initially, our batches were too small, causing satellites to visually ‘teleport’ instead of smoothly gliding, which looked really glitchy. But by upgrading to matrix rotation, i managed to get a huge increase in speed. This allowed me to crank the batch size up and get that smooth motion across the entire thing. Change(s) 4: There were still some small bugs in the visual aspects like the dots disappearing or the transition jump (see previous devlog(s) to understand) and stuff but i took care of them.
OrbitLens Devlog #9: implemented satellite filtering + earth connecting line and complete UI overhaul Now that the website has a proper engine and everything was working well, i decided to add some more stuff. I had two goals for this session. One was to add a satellite filtering option where the user can filter categories of satellites. The other is to change the ui because there were many imprefectoins. Here is a breakdown of what i changed and the challenges i faced: Change 1: I added a global filtering system to fiter satellites by categories. To do this i first built a string-matching engine directly into the TLE parsing loop. As the engine downloads the TLE data from the API, it scans the satellite names and tags them each with categories. I didn’t really know what to categorise them so i thought of some categories and i asked ai to think of some categories. These are the categories: StarlinkOnewebCommsNavigationWeatherand Other/Miscallaneous (which i impemented later; read below) I then wired the HTML dropdown directly into the WebGL gpu loop. Instead of deleting unselected satellites (which would take up too much gpu memory), the gpu simply multiplies their matrix scale to 0, 0, 0, which would just hide them. But there was a challenge that i faced, though it wasn’t a big one. When i first implemented the filter, I noticed that the total satellite count dropped to around 12,000. It turned out that all the satellites that didnt fit into any cateogry were not shown at all so i expanded the categories to include an OTHER category. I also had to make some changes in the raycaster or the users would accidentally be clicking on the hidden satellites. Change 2: I also added a line connecting the selected satellite directly to its exact spot on the Earth’s surface directly beneath it. I did this by first pre-allocating a THREE.BufferGeometry with exactly two vertices. Inside the animation loop, i then took the satellite’s live 3D coordinates and use a .normalize() math function. Because the Earth has a radius of exactly 1, normalizing the 3d coordinates perfectly attaches the bottom of the line to the planet’s surface. But, i ran into a bug where the line would randomly disappear depending on the camera angle. After some research (ai) i found out that this was caused by Three.js’s “Frustum Culling.” The code calculated the line bounding box once when the websited started up and when the camera moved away from that initial box, the gpu assumed the line was out of sight and stopped rendering it to save memory. So i just added a line of code (frustumCulled = false) that just overrode that. Change 3: Lastly, i essentially completely rewrote the styles.css to change how the ui looked cus i didn’t relaly like how it looked before. So this was the third change.
OrbitLens Devlog #10: mobile layout implementation + better loading screen I am nearing the first ship of this project so this session were just about the final aspects that needed to be improved Change 1: I completely changed the loading screen. Firstly, it now displays the loading percentage that accurately shows the real time progress. Secondly, overall it just looks much better. Thirdly, i also implemented an error notification in the main dashboard in case the API doesnt work and so the website doesnt look like it’s broken Change 2: I added a mobile layout option. by that i mean that if the user is accessing this website on a mobile, it won’t be completely botched (hopefully) p.s. i know this devlog isnt that detailed as my previous ones and that’s because there isn’t much to talk about in this session cus the main changes were in the styles.css (and i’m hella tired)
OrbitLens Devlog #11: Semi-final changes In this session, i focused on finding small aspects that need to be improved and improved them. Change 1: Firstly, i realised that the dropdown i had implemented was the default dropdown and it didn’t rlly fare well when there were 16000 items to choose from. So i made a custom dropdown, which looks much better than the default one, and made a funciton along with it that shows like the first 200 items matching the search query or, if nothing in being searched, the first 200 items in the list that the API gave. This made the entire experiene so much better because the default dropdown looked kinda ugly cus it took the whole length of the screen. Normally, this wouldnt take too long but i accidentally deleted the wrong eventListeners multiple times because satFilter and satSearch were so similar. So i spent like a good amount of time trying ot find the problem, and it turned out that i justmodified or deleted the wrong thing. Change 2: I found a problem with the filtering system, more specifically in filtering the space stations. Previously, i just had all the satellites with ISS or CSS in their names classified as space station because there are only two space statoins in space right now (ISS and Tiangong) so i filtered any satellites with those two names. But i failed to take into account that other satellites might also have ISS or CSS in their names so instead of two satellites showin up, 16 satellites were avaialbe in that filter. And these were not space stations but rather other statellits which had like ISS or CSS in their names (e.g. Swisscube). So i changed the filter to filter the space stations by their respective NoradIDs, which worked. Change 3: This change wasnt too big; i modified the expanded map layout becaues how it was before led to it having a lot of blank space and probalby wouldnt have looked good in differnet devices.
OrbitLens Devlog #12: Added README.md and ARCHITECTURE.md In this session, i added the README and ARCHITECTURE.md. The README.md highlights the basic features of the website, the tech stack used and how to run this project locally. The ARCHITECTURE.md goes deeper into how the code itself works so anyone perusing it can get a better idea on how i built this project.
OrbitLens Devlog #13: fixing deployment bugs 😭😭 Before i continue with this devlog, let me start by saying that modern security rules are the worst. Like istg, why do they have to be so strict? Anyway, you’ll see what i mean by that down below. THis session was all about fixing the deployment bugs. I was almost done and then these f bugs ruined it. This devlog has only abt 30 mins logged because i had the help of ai to fix this because this was way way out of my expertise. Here are the changes. I used ai for this devlog though cus i didn’t understand what it did (but i only used it for htis devlog): Problem 1: The [UNSUPPORTED_FEATURE] Vite Crash My very first Vercel build crashed immediately with a “Top-level await is currently not supported with the ‘iife’ output format” error. Apparently, the satellite.js library I use for SGP4 orbital propagation runs heavy calculations using Web Workers and WebAssembly. By default, Vite tries to bundle everything into an older iife format for maximum browser compatibility, which completely choked on the newer await feature inside the worker file. I fixed this (with the help of ai) by explicitly telling Vite’s internal bundler (Rolldown) to output modern ES modules for both the main thread and the background workers. I created a vite.config.js file and updated the configuration (see vite.config.js in the github repo) Problem 2: 404 Missing 3D Models After fixing the build, the site successfully deployed, but my 3D models (like the ISS and Hubble) and Earth textures threw 404 Not Found errors in the console. Because I was loading these assets while the app was running in my Three.js code using string paths (e.g., ‘/models/iss.glb’), Vite didn’t know they existed and simply excluded them from the final production build. I moved my models and textures folders into Vite’s public directory. Anything placed in the public folder gets copied exactly as is to the root of the final build. This bug wasn’t too bad but the next one was absolute hell. Problem 3: API, Cloudflare and CORS block This was the hardest part. Orbit Lens fetches live Two-Line Element (TLE) data for over 16,000 satellites directly from CelesTrak. It worked perfectly when i hosted it locally, but on Vercel, the browser instantly threw a 403 Forbidden error. CelesTrak uses Cloudflare to prevent automated scraping. When Cloudflare saw an Origin header coming from a deployed Vercel frontend instead of an normaly IP like my computer’s, it blocked the connection. Attempts to use public proxies (like allorigins) resulted in 408 Request Timeout errors because the multiple mb big satellite data took too long to transfer. To fix this, I used Vercel’s Native Rewrites (i have no idea how to use this so i asked ai to do it for me). “I” ;) created a vercel.json file in the root directory to act as a silent backend proxy. By fetching from my own local route (/api/celestrak), the browser doesn’t trigger CORS security. Vercel’s backend intercepts the request, strips the frontend Origin header that was triggering the firewall, and routes the raw data back to the application. This worked! And the website is finally live and i am about to ship the project!
Ships:
This is Orbit Lens, a real-time 3D satellite tracking website built using vanilla JavaScript and Three.js. It tracks over 16,000 live space objects around earth using real-time data from CelesTrak. It has many features including 3d and 2d orbit tracking, 3d models of select satellites (ISS, Terra, HST, and Aqua). It also includes a filtering feature where you can filter satellites based on specific categories Before testing this project, it is important to know some stuff: You will have the best experience if you access this through a laptop or desktop Sometimes, the api maybe down or is not responding to requests so please keep in mind that if you see an alert saying API not responding, it is out of the website’s hands and it an error outside of my control. That’s it. Thank you for testing this project and hope you like it :)...
|
1792878696.1561775
|
1793742696.1561775
|
|
54458
|
My very own WebOS by @tvset5755 | Stardance
|
tvset5755
|
1
|
2.12
|
0
|
[{"ship_num": 1, "ts": "2026-0 [{"ship_num": 1, "ts": "2026-09-02T03:27:46Z", "hours": 1.0, "multiplier": null, "payout": 0, "blessing": "neutral", "text": "I made my very own operating system which has a few functioning apps. I made it using html css and javascript.", "repo": "https://github.com/godgamer123456/ayush-os", "demo": "https://godgamer123456.github.io/ayush-os/"}]...
|
[{"post_id": 66766, "ts": "202 [{"post_id": 66766, "ts": "2026-09-12T17:31:34Z", "hours": 1.1239, "text": "WebOS 2.0 Added a Hardware Monitor App, Settings and Customization App, and an Interactive Music Player"}, {"post_id": 57828, "ts": "2026-08-30T04:08:04Z", "hours": 1.4592, "text": "Just finished my very own operating system. How is it?"}]...
|
Title: My very own WebOS by @tvset5755 | Stardance Title: My very own WebOS by @tvset5755 | Stardance
Devlogs:
Just finished my very own operating system. How is it?
WebOS 2.0 Added a Hardware Monitor App, Settings and Customization App, and an Interactive Music Player
Ships:
I made my very own operating system which has a few functioning apps. I made it using html css and javascript....
|
1793242225.5213873
|
1793328625.5213873
|
|
56977
|
My own site! by @Summer22 | Stardance
|
Summer22
|
1
|
3.0
|
0
|
[{"ship_num": 1, "ts": "2026-0 [{"ship_num": 1, "ts": "2026-09-02T03:12:47Z", "hours": 3.0, "multiplier": null, "payout": 0, "blessing": "neutral", "text": "I made a Personal website about me. It is very simple and basic. One thing that was definately challenging was the Picture and getting it to load.", "repo": "https://github.com/sbayne1234-hub/untitled-folder", "demo": "https://mypersonalwebsite22.netlify.app/"}]...
|
[{"post_id": 60006, "ts": "202 [{"post_id": 60006, "ts": "2026-09-02T03:10:24Z", "hours": 0.2969, "text": "I was able to change the color to be a tiny bit darker and then i managed to add lines to separate each section."}, {"post_id": 59983, "ts": "2026-09-02T02:10:11Z", "hours": 0.9017, "text": "I have changed some of the information but now the Picture doesn’t load anymore (and idk why)"}, {"post_id": 59661, "ts": "2026-09-01T16:05:14Z", "hours": 0.5864, "text": "I am still working on my personal website but I was able to change the color and made a faded background for my information. I also added a picture and more information about me"}, {"post_id": 59370, "ts": "2026-09-01T04:05:50Z", "hours": 0.7686, "text": "I am working on my personal website. Ive had experience making a website before but I plan to work harder on this one to make it better than all my other projects before"}]...
|
Title: My own site! by @Summer22 | Stardance
Devl Title: My own site! by @Summer22 | Stardance
Devlogs:
I am working on my personal website. Ive had experience making a website before but I plan to work harder on this one to make it better than all my other projects before
I am still working on my personal website but I was able to change the color and made a faded background for my information. I also added a picture and more information about me
I have changed some of the information but now the Picture doesn’t load anymore (and idk why)
I was able to change the color to be a tiny bit darker and then i managed to add lines to separate each section.
Ships:
I made a Personal website about me. It is very simple and basic. One thing that was definately challenging was the Picture and getting it to load....
|
1793245838.6910682
|
1793332238.6910682
|
|
48715
|
list by @flyingfish | Stardance
|
flyingfish
|
1
|
112.62
|
787
|
[{"ship_num": 1, "ts": "2026-0 [{"ship_num": 1, "ts": "2026-09-02T03:02:48Z", "hours": 106.0, "multiplier": 7.45, "payout": 787, "blessing": "neutral", "text": "i have used a lot of different lists apps but all of them are so coprate and suck so i made my own i have never used sql before so it was a learning experience i also have never used any time library before but this was fun there is a lot of features i want able to add becouse of time and scope reasons so the code is built in a way that it can updated really easly", "repo": "https://github.com/dinotiger01/list", "demo": "https://github.com/dinotiger01/list/releases/tag/idktag_or_smth"}]...
|
[{"post_id": 68433, "ts": "202 [{"post_id": 68433, "ts": "2026-09-15T03:39:48Z", "hours": 6.6206, "text": "windows works now i had like 20 commits before all of this"}, {"post_id": 59962, "ts": "2026-09-02T01:16:48Z", "hours": 9.9725, "text": "i finished all the git action things and all of the last minute changes ie small bug fixes i am now reddy to ship"}, {"post_id": 58674, "ts": "2026-08-31T05:48:43Z", "hours": 5.9939, "text": "tons of styleing updates i have spent the past 6 hurs strait styling and validating inputs however it is finally done i just need to do the git hub things and add compatability how ever thats tomarow s problem"}, {"post_id": 58463, "ts": "2026-08-30T21:42:23Z", "hours": 7.7864, "text": "ahhhhhh i did like ui things i am going insane"}, {"post_id": 57864, "ts": "2026-08-30T05:35:55Z", "hours": 5.1236, "text": "this is my third devlog today 10hr logg to day btw :teird: a fileter bredet edit deleate and add new people"}, {"post_id": 57703, "ts": "2026-08-29T23:00:01Z", "hours": 4.9544, "text": "jank i have made the ability to add and remove types i will refine later ngl edit: like 10 minits after i posted this i got the code to work where the type updates all the list that already exist"}, {"post_id": 57430, "ts": "2026-08-29T16:03:12Z", "hours": 6.0314, "text": "filter the audio on the video is like really bad my main mic stopped working so i taped a web cam to my face :idk_man: core filtering the filrering works by when a task isbeing loaded to the page it will go to a function that will check if it can be used the filter function will check baised of 4 variables stored in the c++ then the qml sends new variables over then i also spent like hours on this but i made it so it wont check any filter if nothing is selected filter by name this is a simple it will just send a string over then check is filter string is contained in the task name filter by person this uses a vector of intigers it will loop through both then if if there is a the same intiger in booth it will show btw peple are stored by index filter by type the type is stored as a vector of strings it does te same and loops through the filter strings and if the task type is equal it will allow the task filter by date this was defenetly the most dificalt one and it is stored av a vector<time_t> there are 2 text boxes the first one is a lower limit the seconed is an uper limit if eather is blank it will not check it if the second one has a date it will only show dates on or before that onee if the second one has a date it will only show tasks after that date if both have dates it will check in betewwn them"}, {"post_id": 56777, "ts": "2026-08-28T17:51:02Z", "hours": 5.8836, "text": "really quick little devlog i just added the abiltiy to edit tasks it works by opening the place wheree you create task then sets all the value manualy it was like supper hard to make it so you can edit a task then create a task then go back to editing becouse if a variable was not assined by acident it would all crash"}, {"post_id": 56195, "ts": "2026-08-27T20:49:57Z", "hours": 8.5181, "text": "recuring there is a lot (btw i already wrote all of this and acidently deleated it ) reacuring check types on load when the code realoads it will go through and check if any items need to be updated i made it so if it finds a task that needs to be updated it will reafrech and start over so a task can be updated multible times if needed on mark off this will only check one task when you mark off a task this will aslo by pass the alow multi alow multi * this will make it so when a task is duplicated it will either set the old task to 0 or just deleate it * this is marked in the code as the higher of 2 numbers while checking rec type rec types normal this is a type that will not recure and is the only one able to be fully deleated this is marked by a 0 in the code this will be skipped by both reacuring types by due date this to to make a task the will eather run every day or every other day this types has a second variabe called delay witch changes how often the task will show up ie dalay =1 means every day, delay =2 means every other day this is marked as 1 or 2 in the code on the on load check this will check if (due date + delay) < current date if it is it will duplicate the task to due date + delay on mark off for this task will just duplicate teh task to due date + delay on compleate this is used for task that just need to be done betwenn compleations this is marked as 3 in the code becouse it canot have multibles this also have a number called delay this is skiped by the on load check on mark off this task will just duplicate it self to current date + delay on week day this is for tasks that need to be compleated on specifice week days this task has a number that is between 0-127 insted of a delay because it can be converted in to a 7 digit binary string that means reapeate on dayes with 1 and not on 0 this is marked as 4 or 5 on load it will task the due date then search for the next valid date and then will check if the date is before the current date if it is before it will duplicate its self there on mark off works the same just it doent check if the date is before current on month day this is for tasks thatneed to happen on a month by month basses this stores a number from 1-28 witch is the date that it will apere on the month this is marked in the code as 6 or 7 this work in a very simmilar way to the on week day it will take the due date then add one untill it finds a valid date and if it is onload it will check if the current date ia after the new date in the futre i might make it so that if you put 0 in the date it will just run the last day of the month perminat delete each tsk has a button to open the edit menu and you can deteate a task from the edit menu witch will skip all duplicating"}, {"post_id": 54860, "ts": "2026-08-26T01:42:57Z", "hours": 5.1708, "text": "ui- validation i spent like littery 5 hours on ui and validation ui reccuring if you set to reacuring it opens the drop dwon to select what type rec on due select i allow multible select number rec on comp select number rec on week day select i allow multible select week day rec on month day select i allow multible select number validation i havent actually finish the validation fully nut you can not have a blank pryority you can not have a blank list type you can not have ’ or ; in notes or name you can not have a blank name you can not have a invalid date format"}, {"post_id": 54528, "ts": "2026-08-25T15:35:37Z", "hours": 10.2064, "text": "i just be doing stuff ngl i just kinda locked in and forgot to dev log pryoritys you can now set pryoritys the pryoritys are created dynamicly bassed on a sql data base each priority can be collapsed and expanded they will have a number i just havent got to it yet bugges i ran in to a really anoying bug where i had to add the tasks dynamicly inside the pryoritys that are also scaled dynamicly delleate it is simple when a task is closed it doesn’t show up and is droped from the db bugges this delete was causeing like 1000 runtime errors because the tasks are considered separate qml so i cant link to anything out the task and it was like making new backed files and it was dumb date ctime is like really complicated if you have no clue what you are doing i made it so that the task show how many days away the task is due bugges i think i ran it to all the buggees with ctime the most memorable one is when the ctime would just return random times for som reason dynamic tasks i made the notes section scale with the height of the notes in side of it i also added the full date the the task is due in the notes"}, {"post_id": 53189, "ts": "2026-08-23T17:01:43Z", "hours": 9.2897, "text": "i really hope this dont break last dev log so the last devlog like crashed my entire computer or something and now i cant edit it to change the mesasge to i am going to wright all of it here i added an sql data base the data base simply pulls all of the tasks from the .db fle then converts them in to tjhe structs i menaced before then it loads them to the qml page sql sql mage nooooo sence i might just be stuppid but this took like 6 hr aklone to figgure out how to wright to a db file current devlog initializer qml really dont like to run before the c++ howver i needed to just the function that loads all the task affter the qml loads becouse the qml needs to tell the c++ where the tasks need to be so after a long time reaserching and trying things i found that qt has a way to do what i needed and now the code can run the script at the right time add task i made a way to add a task basicly you click a + button then you select al the things you want then it send those to the c++ witch sends them to the sql then it oulls the sql and realoded all the task you might be wondering why doo all of that when it would be easier to just add the task in the qml and to that i say yeah you probly right idk what i am doing"}, {"post_id": 51777, "ts": "2026-08-21T16:48:07Z", "hours": 8.7489, "text": "sql"}, {"post_id": 50050, "ts": "2026-08-19T02:41:09Z", "hours": 8.9317, "text": "we be doing a logic drop down these menus were a pain in the ass there was a bug where the top pixel of the menu was viable contently and it took genuinely 2 hours to fix logic i created a struct that has all the data needed for a task i then took the code for a qml task added it as a widgit or somthing idk what is called then the c++ reads thriugh a list of all the struct task and adds them to the page"}, {"post_id": 48613, "ts": "2026-08-17T02:32:59Z", "hours": 9.1361, "text": "we be doing some ui this is a list i am making for my family to track chores and stuff tab bar on the left this is going to be the place where you can select what page you want to be on so like if you wan to edit what people you have or stuff top filter this is so you can filter the tasks so you can only focus one one you need to do main veiw the tasks each hold * taks name * all the people assined to the task * thwe type * date * notes pryoritys the task list will have a bunch of pryoritys that can open expand and colapes for easier viewing the total will just show how many tasks there are in total timer we have a system where every one has to do 2hr of work each day so i figuerd i would just add that here"}]...
|
Title: list by @flyingfish | Stardance
Devlogs:
w Title: list by @flyingfish | Stardance
Devlogs:
we be doing some ui this is a list i am making for my family to track chores and stuff tab bar on the left this is going to be the place where you can select what page you want to be on so like if you wan to edit what people you have or stuff top filter this is so you can filter the tasks so you can only focus one one you need to do main veiw the tasks each hold * taks name * all the people assined to the task * thwe type * date * notes pryoritys the task list will have a bunch of pryoritys that can open expand and colapes for easier viewing the total will just show how many tasks there are in total timer we have a system where every one has to do 2hr of work each day so i figuerd i would just add that here
we be doing a logic drop down these menus were a pain in the ass there was a bug where the top pixel of the menu was viable contently and it took genuinely 2 hours to fix logic i created a struct that has all the data needed for a task i then took the code for a qml task added it as a widgit or somthing idk what is called then the c++ reads thriugh a list of all the struct task and adds them to the page
sql
i really hope this dont break last dev log so the last devlog like crashed my entire computer or something and now i cant edit it to change the mesasge to i am going to wright all of it here i added an sql data base the data base simply pulls all of the tasks from the .db fle then converts them in to tjhe structs i menaced before then it loads them to the qml page sql sql mage nooooo sence i might just be stuppid but this took like 6 hr aklone to figgure out how to wright to a db file current devlog initializer qml really dont like to run before the c++ howver i needed to just the function that loads all the task affter the qml loads becouse the qml needs to tell the c++ where the tasks need to be so after a long time reaserching and trying things i found that qt has a way to do what i needed and now the code can run the script at the right time add task i made a way to add a task basicly you click a + button then you select al the things you want then it send those to the c++ witch sends them to the sql then it oulls the sql and realoded all the task you might be wondering why doo all of that when it would be easier to just add the task in the qml and to that i say yeah you probly right idk what i am doing
i just be doing stuff ngl i just kinda locked in and forgot to dev log pryoritys you can now set pryoritys the pryoritys are created dynamicly bassed on a sql data base each priority can be collapsed and expanded they will have a number i just havent got to it yet bugges i ran in to a really anoying bug where i had to add the tasks dynamicly inside the pryoritys that are also scaled dynamicly delleate it is simple when a task is closed it doesn’t show up and is droped from the db bugges this delete was causeing like 1000 runtime errors because the tasks are considered separate qml so i cant link to anything out the task and it was like making new backed files and it was dumb date ctime is like really complicated if you have no clue what you are doing i made it so that the task show how many days away the task is due bugges i think i ran it to all the buggees with ctime the most memorable one is when the ctime would just return random times for som reason dynamic tasks i made the notes section scale with the height of the notes in side of it i also added the full date the the task is due in the notes
ui- validation i spent like littery 5 hours on ui and validation ui reccuring if you set to reacuring it opens the drop dwon to select what type rec on due select i allow multible select number rec on comp select number rec on week day select i allow multible select week day rec on month day select i allow multible select number validation i havent actually finish the validation fully nut you can not have a blank pryority you can not have a blank list type you can not have ’ or ; in notes or name you can not have a blank name you can not have a invalid date format
recuring there is a lot (btw i already wrote all of this and acidently deleated it ) reacuring check types on load when the code realoads it will go through and check if any items need to be updated i made it so if it finds a task that needs to be updated it will reafrech and start over so a task can be updated multible times if needed on mark off this will only check one task when you mark off a task this will aslo by pass the alow multi alow multi * this will make it so when a task is duplicated it will either set the old task to 0 or just deleate it * this is marked in the code as the higher of 2 numbers while checking rec type rec types normal this is a type that will not recure and is the only one able to be fully deleated this is marked by a 0 in the code this will be skipped by both reacuring types by due date this to to make a task the will eather run every day or every other day this types has a second variabe called delay witch changes how often the task will show up ie dalay =1 means every day, delay =2 means every other day this is marked as 1 or 2 in the code on the on load check this will check if (due date + delay) < current date if it is it will duplicate the task to due date + delay on mark off for this task will just duplicate teh task to due date + delay on compleate this is used for task that just need to be done betwenn compleations this is marked as 3 in the code becouse it canot have multibles this also have a number called delay this is skiped by the on load check on mark off this task will just duplicate it self to current date + delay on week day this is for tasks that need to be compleated on specifice week days this task has a number that is between 0-127 insted of a delay because it can be converted in to a 7 digit binary string that means reapeate on dayes with 1 and not on 0 this is marked as 4 or 5 on load it will task the due date then search for the next valid date and then will check if the date is before the current date if it is before it will duplicate its self there on mark off works the same just it doent check if the date is before current on month day this is for tasks thatneed to happen on a month by month basses this stores a number from 1-28 witch is the date that it will apere on the month this is marked in the code as 6 or 7 this work in a very simmilar way to the on week day it will take the due date then add one untill it finds a valid date and if it is onload it will check if the current date ia after the new date in the futre i might make it so that if you put 0 in the date it will just run the last day of the month perminat delete each tsk has a button to open the edit menu and you can deteate a task from the edit menu witch will skip all duplicating
really quick little devlog i just added the abiltiy to edit tasks it works by opening the place wheree you create task then sets all the value manualy it was like supper hard to make it so you can edit a task then create a task then go back to editing becouse if a variable was not assined by acident it would all crash
filter the audio on the video is like really bad my main mic stopped working so i taped a web cam to my face :idk_man: core filtering the filrering works by when a task isbeing loaded to the page it will go to a function that will check if it can be used the filter function will check baised of 4 variables stored in the c++ then the qml sends new variables over then i also spent like hours on this but i made it so it wont check any filter if nothing is selected filter by name this is a simple it will just send a string over then check is filter string is contained in the task name filter by person this uses a vector of intigers it will loop through both then if if there is a the same intiger in booth it will show btw peple are stored by index filter by type the type is stored as a vector of strings it does te same and loops through the filter strings and if the task type is equal it will allow the task filter by date this was defenetly the most dificalt one and it is stored av a vector<time_t> there are 2 text boxes the first one is a lower limit the seconed is an uper limit if eather is blank it will not check it if the second one has a date it will only show dates on or before that onee if the second one has a date it will only show tasks after that date if both have dates it will check in betewwn them
jank i have made the ability to add and remove types i will refine later ngl edit: like 10 minits after i posted this i got the code to work where the type updates all the list that already exist
this is my third devlog today 10hr logg to day btw :teird: a fileter bredet edit deleate and add new people
ahhhhhh i did like ui things i am going insane
tons of styleing updates i have spent the past 6 hurs strait styling and validating inputs however it is finally done i just need to do the git hub things and add compatability how ever thats tomarow s problem
i finished all the git action things and all of the last minute changes ie small bug fixes i am now reddy to ship
windows works now i had like 20 commits before all of this
Ships:
i have used a lot of different lists apps but all of them are so coprate and suck so i made my own i have never used sql before so it was a learning experience i also have never used any time library before but this was fun there is a lot of features i want able to add becouse of time and scope reasons so the code is built in a way that it can updated really easly...
|
1793138261.3371391
|
1793224661.3371391
|
|
56766
|
CosmoTrack by @AjoSubarjo | Stardance
|
AjoSubarjo
|
1
|
4.0
|
0
|
[{"ship_num": 1, "ts": "2026-0 [{"ship_num": 1, "ts": "2026-09-02T02:34:43Z", "hours": 4.0, "multiplier": null, "payout": 0, "blessing": "neutral", "text": "i make a slack bot for tracking iss location and nasa apod, the most challenging part is setting the server and im proud the bot can running 24/7. even though it’s just a simple bot, hope you like it.", "repo": "https://github.com/Ajo-Subarjo/CosmoTrack", "demo": "https://hackclub.enterprise.slack.com/archives/C0P5NE354"}]...
|
[{"post_id": 59991, "ts": "202 [{"post_id": 59991, "ts": "2026-09-02T02:29:03Z", "hours": 0.3869, "text": "create url callback for invite link before shipping it, https://slack.com/oauth/v2/authorize?client_id=11932289980007.11943549521429&scope=app_mentions:read,channels:history,channels:read,chat:write,commands,groups:history,groups:read&redirect_uri=http://cosmo.nest.hackclub.app/slack/callback . now you can click that link to invite my Slack bot to your workspace even though it’s just a simple bot, hope you like it"}, {"post_id": 59328, "ts": "2026-09-01T01:44:39Z", "hours": 1.6414, "text": "changing to js from python"}, {"post_id": 59060, "ts": "2026-08-31T17:29:08Z", "hours": 1.0078, "text": "Adding command to track iss position"}, {"post_id": 58998, "ts": "2026-08-31T16:02:25Z", "hours": 1.2411, "text": "Nasa Api working!"}]...
|
Title: CosmoTrack by @AjoSubarjo | Stardance
Devl Title: CosmoTrack by @AjoSubarjo | Stardance
Devlogs:
Nasa Api working!
Adding command to track iss position
changing to js from python
create url callback for invite link before shipping it, https://slack.com/oauth/v2/authorize?client_id=11932289980007.11943549521429&scope=app_mentions:read,channels:history,channels:read,chat:write,commands,groups:history,groups:read&redirect_uri=http://cosmo.nest.hackclub.app/slack/callback . now you can click that link to invite my Slack bot to your workspace even though it’s just a simple bot, hope you like it
Ships:
i make a slack bot for tracking iss location and nasa apod, the most challenging part is setting the server and im proud the bot can running 24/7. even though it’s just a simple bot, hope you like it....
|
1793141728.3358634
|
1793228128.3358634
|
|
53094
|
Git Archaelogist by @omarelhalaby76 | Stardance
|
omarelhalaby76
|
1
|
9.38
|
76
|
[{"ship_num": 1, "ts": "2026-0 [{"ship_num": 1, "ts": "2026-09-02T00:48:21Z", "hours": 9.0, "multiplier": 8.87, "payout": 76, "blessing": "neutral", "text": "I made git archaeologist, a python CLI app that analyzes Git repository history, including commits, contributors, activity, and inactivity gaps the most challenging part is working with git python library as i have never used it once, packaging it as a proper CLI was also challenging. im proud that i turned an idea into a fully working and functional, installable tool even with JSON outputs, documentation, and a PyPI release. people should know that it has multiple flags to use like –history, –activity, –summary, –timeline, and –json, more info on that here: https://pypi.org/project/git-archaeologist/ the problem solved: Git history contains alot of useful info, but extracting these meaningful insights manually can be very time consuming. git archaeologist automates this analysis fully and presents it in a CLI form 3 major QoL improvments: Quick repository summaries - view important data without manually inspecting git history Activity and inactivity analysis - quickly identify the most active periods and longest gaps in dev 3,. Multiple output formats - use readable CLI output or structured JSON for further processing A clear QoL improvment: Instead of running multiple git commands and manually calculating statistics, users can run just one command to get a complete flawless overview of their repository for instructions of general use please refer to github and for more specified use instructions regarding the tool please refer to PyPI, recommended to read both. HOPE YOU LIKE THE PROJECT!!!!!!!!!!!!!", "repo": "https://github.com/omarelhalaby76-coder/git-archaeologist", "demo": "https://pypi.org/project/git-archaeologist/"}]...
|
[{"post_id": 61138, "ts": "202 [{"post_id": 61138, "ts": "2026-09-03T22:01:27Z", "hours": 0.375, "text": "submitted."}, {"post_id": 59932, "ts": "2026-09-01T23:57:12Z", "hours": 0.7208, "text": "project officially done release in a few minutes-hours"}, {"post_id": 59577, "ts": "2026-09-01T14:05:30Z", "hours": 1.2697, "text": "OFFICIALY FINISHED THE TOOL, added –history, –json, –summary, and –activity flags to make it a very useful tool. NOW MOVING ONTO THE DOCUMENTATION, STAY TUNED… RELEASE TODAY. NEED YOUR SUPPORT!"}, {"post_id": 59075, "ts": "2026-08-31T18:00:02Z", "hours": 1.3236, "text": "Engineered the CLI and added flags for more QoL improvements, added error messages that are readable by ordinary people if the repository is empty. STAY TUNED - TODAY OR TOMORROW V.1.0.0! need your support please!"}, {"post_id": 57416, "ts": "2026-08-29T15:41:26Z", "hours": 0.5011, "text": "ADDED SUMMARY OPTION"}, {"post_id": 57371, "ts": "2026-08-29T14:29:58Z", "hours": 1.0303, "text": "FIRST MAJOR PART DONE! SOON…… STAY TUNED"}, {"post_id": 53446, "ts": "2026-08-24T00:22:54Z", "hours": 2.4286, "text": "After tackling for hours with errors and trying to figure out how to use the git library in python with some help from google and ai i finally coded the main part of the project which is the CLI, and it needed minor tuning then it will be available for all of you to try!!!!"}, {"post_id": 53330, "ts": "2026-08-23T20:10:05Z", "hours": 1.3464, "text": "Just finished the first prototype of my git “archaelogist” project Which gives you every possible information regarding git repositories (will be publishing version 1.0.0 CLI soon)"}]...
|
Title: Git Archaelogist by @omarelhalaby76 | Stard Title: Git Archaelogist by @omarelhalaby76 | Stardance
Devlogs:
Just finished the first prototype of my git “archaelogist” project Which gives you every possible information regarding git repositories (will be publishing version 1.0.0 CLI soon)
After tackling for hours with errors and trying to figure out how to use the git library in python with some help from google and ai i finally coded the main part of the project which is the CLI, and it needed minor tuning then it will be available for all of you to try!!!!
FIRST MAJOR PART DONE! SOON…… STAY TUNED
ADDED SUMMARY OPTION
Engineered the CLI and added flags for more QoL improvements, added error messages that are readable by ordinary people if the repository is empty. STAY TUNED - TODAY OR TOMORROW V.1.0.0! need your support please!
OFFICIALY FINISHED THE TOOL, added –history, –json, –summary, and –activity flags to make it a very useful tool. NOW MOVING ONTO THE DOCUMENTATION, STAY TUNED… RELEASE TODAY. NEED YOUR SUPPORT!
project officially done release in a few minutes-hours
submitted.
Ships:
I made git archaeologist, a python CLI app that analyzes Git repository history, including commits, contributors, activity, and inactivity gaps the most challenging part is working with git python library as i have never used it once, packaging it as a proper CLI was also challenging. im proud that i turned an idea into a fully working and functional, installable tool even with JSON outputs, documentation, and a PyPI release. people should know that it has multiple flags to use like –history, –activity, –summary, –timeline, and –json, more info on that here: https://pypi.org/project/git-archaeologist/ the problem solved: Git history contains alot of useful info, but extracting these meaningful insights manually can be very time consuming. git archaeologist automates this analysis fully and presents it in a CLI form 3 major QoL improvments: Quick repository summaries - view important data without manually inspecting git history Activity and inactivity analysis - quickly identify the most active periods and longest gaps in dev 3,. Multiple output formats - use readable CLI output or structured JSON for further processing A clear QoL improvment: Instead of running multiple git commands and manually calculating statistics, users can run just one command to get a complete flawless overview of their repository for instructions of general use please refer to github and for more specified use instructions regarding the tool please refer to PyPI, recommended to read both. HOPE YOU LIKE THE PROJECT!!!!!!!!!!!!!...
|
1793267549.8072333
|
1793353949.8072333
|
|
57025
|
Personal Site! by @utkarsh_tewari | Stardance
|
utkarsh_tewari
|
1
|
0.0
|
0
|
[{"ship_num": 1, "ts": "2026-0 [{"ship_num": 1, "ts": "2026-09-02T00:28:12Z", "hours": 0.0, "multiplier": null, "payout": 0, "blessing": "neutral", "text": "I made a personal site! pretty basic project but i still think its rlly cool", "repo": "https://github.com/UtkarshTewari24/stardance-personal-site", "demo": "https://utkarshtewari24.github.io/stardance-personal-site/#robotics"}]...
|
[{"post_id": 59939, "ts": "202 [{"post_id": 59939, "ts": "2026-09-02T00:21:42Z", "hours": 0.39, "text": "Personal Site Finished! it doesn’t look like its that much because it looks like its from the 2000’s and in the era of vibe-coding anyone can whip up a 3d website in minutes, but i am really proud of it because i coded it myself! (admittedly using templates, google, and a lot of debugging pain) but i still think its a really nice one page site"}]...
|
Title: Personal Site! by @utkarsh_tewari | Stardan Title: Personal Site! by @utkarsh_tewari | Stardance
Devlogs:
Personal Site Finished! it doesn’t look like its that much because it looks like its from the 2000’s and in the era of vibe-coding anyone can whip up a 3d website in minutes, but i am really proud of it because i coded it myself! (admittedly using templates, google, and a lot of debugging pain) but i still think its a really nice one page site
Ships:
I made a personal site! pretty basic project but i still think its rlly cool...
|
1792824488.0254698
|
1793688488.0254698
|
|
37189
|
Elite Four by @Harupi | Stardance
|
Harupi
|
1
|
22.0
|
95
|
[{"ship_num": 1, "ts": "2026-0 [{"ship_num": 1, "ts": "2026-09-01T23:05:19Z", "hours": 22.0, "multiplier": 4.23, "payout": 95, "blessing": "neutral", "text": "Elite Four Ship Elite Four is a game I made for four of my friends, with one mini-game for each of them. The idea was to do them a gift when I see them for holidays, but I ended up spending much more hours than expected, so the gift will come a bit late. It’s a personal project, the graphism aren’t beautiful and the gameplay is not perfect but I’m happy with what I’ve done. If you want to play it can take only three minutes to finish the game, but it may be a bit difficult (especially Mister C’s mini-game). The most challenging part was to compile the game, as it is made in Python, but I finally made it work both on Linux and Windows. Thank you for your interest, I hope you’ll enjoy the game !", "repo": "https://github.com/Hvrnbi/elite-four", "demo": "https://github.com/Hvrnbi/elite-four/releases"}]...
|
[{"post_id": 59906, "ts": "202 [{"post_id": 59906, "ts": "2026-09-01T22:40:22Z", "hours": 0.9311, "text": "Elite Four devlog 8 - Hi, last devlog befor ship ! For this final devlog, I just wrote the Readme and added a requirements.txt file. This project is really late, but I had fun making it !"}, {"post_id": 59472, "ts": "2026-09-01T10:37:36Z", "hours": 1.1353, "text": "Elite Four devlog 7 - Hello ! I had to do some changes to make executable files work. I switched from python-vlc to pygame mixer for audio because vlc wasn’t working on Windows. I also added the os module to allow the executable to find the pictures files. Now I just have to do the README and I will ship the project !"}, {"post_id": 58255, "ts": "2026-08-30T16:53:37Z", "hours": 5.9961, "text": "Elite Four devlog 6 - Hiiii ! I know it’s been quite a while and I was already late last time, but this project is really coming close to its end ! So I finally made the last game, the Miss W’s one. As I said last time, it’s a rythm game. I’ve taken so long to did it because I didn’t know if I should just record me playing a song on piano, or do it in a DAW (yes, I ended up wanting to do a real song rather than random notes). I decided to do a Breton song and to place the inputs following the dance. It’s not perfect, but I did as best as I could. Most of the time recorded is actually me trying to place the inputs. I also added a simple end screen, I did not really know what to put on it. The last things to do will be the readme, and turn the game into an executable file. See you next time !"}, {"post_id": 47394, "ts": "2026-08-15T09:43:44Z", "hours": 4.1556, "text": "Elite Four devlog 5 - Hello again ! My holidays with my friends are finished, meaning I’m late but hey… which studio never had a game delayed ? During this time, I made the 3rd game, the Mister E’s one. It’s inspired by the “Wanted!” New Super Mario Bros minigame. There are some comedy masks (inspired by TADC) moving on the screen, and the player have to fine the happy one in a limited time. There are four levels, with more masks each time. Maybe I’ll balance it again later if it happens to be too easy. I also add the possibility to start the game by pressing space rather than pressing the button. My next task will be to make last minigame. I’ll try to make something like a rythm game but… without rythm because I don’t think I’ll create a music just for this game, so it will probably use random. See you next time !"}, {"post_id": 34501, "ts": "2026-07-25T08:36:44Z", "hours": 5.2042, "text": "Elite Four devlog 4 - A second game ! I finished the Mister C’s game, where the player have to guess a city from its skyline and the colors on the flag of its country. I also made some functions to handle the continuity of the 2 games. I’m on the road to see my friends, so the gift will probably not be ready at time, but I’ll do my do my best to finish it as soon as I can !"}, {"post_id": 32284, "ts": "2026-07-21T11:06:27Z", "hours": 2.1819, "text": "Elite Four devlog 3 - Just finished the Miss N’s game ! To decide if the player wins or not, I made a hidden score system I tried to balance to be not too hard neither too easy. I also made some general functions I’ll use for all the games. The next step is the Mister C’s game, where the player will have to find a city from its skyline and the colors on the flag of its country."}, {"post_id": 31924, "ts": "2026-07-20T18:30:45Z", "hours": 1.3417, "text": "Elite Four devlog 2 - I finished the visuals for the Miss N’s game. In this game, there will be a crepe recipe and a list of ingredients. The quantity of the ingredients will increase and decrease rapidly, and players will have to press the spacebar to select a quantity. If the selected values are too far from the recipe, the game is over. (I asked her to send me her own recipe)"}, {"post_id": 31173, "ts": "2026-07-19T10:47:50Z", "hours": 1.3825, "text": "Elite Four devlog 1 - I’ll see 4 friends in one week and I want to make them a gift, but I’m in holidays far from home, so I decided to make them a little game, with a minigame for each of them. I choose to make the interface with tkinter cause I already build some apps with it and I don’t have so much time to learn a new gui toolkit. It was quite a long time ago so I had to make some tests to find back how things were working and I just made a basic start menu."}]...
|
Title: Elite Four by @Harupi | Stardance
Devlogs: Title: Elite Four by @Harupi | Stardance
Devlogs:
Elite Four devlog 1 - I’ll see 4 friends in one week and I want to make them a gift, but I’m in holidays far from home, so I decided to make them a little game, with a minigame for each of them. I choose to make the interface with tkinter cause I already build some apps with it and I don’t have so much time to learn a new gui toolkit. It was quite a long time ago so I had to make some tests to find back how things were working and I just made a basic start menu.
Elite Four devlog 2 - I finished the visuals for the Miss N’s game. In this game, there will be a crepe recipe and a list of ingredients. The quantity of the ingredients will increase and decrease rapidly, and players will have to press the spacebar to select a quantity. If the selected values are too far from the recipe, the game is over. (I asked her to send me her own recipe)
Elite Four devlog 3 - Just finished the Miss N’s game ! To decide if the player wins or not, I made a hidden score system I tried to balance to be not too hard neither too easy. I also made some general functions I’ll use for all the games. The next step is the Mister C’s game, where the player will have to find a city from its skyline and the colors on the flag of its country.
Elite Four devlog 4 - A second game ! I finished the Mister C’s game, where the player have to guess a city from its skyline and the colors on the flag of its country. I also made some functions to handle the continuity of the 2 games. I’m on the road to see my friends, so the gift will probably not be ready at time, but I’ll do my do my best to finish it as soon as I can !
Elite Four devlog 5 - Hello again ! My holidays with my friends are finished, meaning I’m late but hey… which studio never had a game delayed ? During this time, I made the 3rd game, the Mister E’s one. It’s inspired by the “Wanted!” New Super Mario Bros minigame. There are some comedy masks (inspired by TADC) moving on the screen, and the player have to fine the happy one in a limited time. There are four levels, with more masks each time. Maybe I’ll balance it again later if it happens to be too easy. I also add the possibility to start the game by pressing space rather than pressing the button. My next task will be to make last minigame. I’ll try to make something like a rythm game but… without rythm because I don’t think I’ll create a music just for this game, so it will probably use random. See you next time !
Elite Four devlog 6 - Hiiii ! I know it’s been quite a while and I was already late last time, but this project is really coming close to its end ! So I finally made the last game, the Miss W’s one. As I said last time, it’s a rythm game. I’ve taken so long to did it because I didn’t know if I should just record me playing a song on piano, or do it in a DAW (yes, I ended up wanting to do a real song rather than random notes). I decided to do a Breton song and to place the inputs following the dance. It’s not perfect, but I did as best as I could. Most of the time recorded is actually me trying to place the inputs. I also added a simple end screen, I did not really know what to put on it. The last things to do will be the readme, and turn the game into an executable file. See you next time !
Elite Four devlog 7 - Hello ! I had to do some changes to make executable files work. I switched from python-vlc to pygame mixer for audio because vlc wasn’t working on Windows. I also added the os module to allow the executable to find the pictures files. Now I just have to do the README and I will ship the project !
Elite Four devlog 8 - Hi, last devlog befor ship ! For this final devlog, I just wrote the Readme and added a requirements.txt file. This project is really late, but I had fun making it !
Ships:
Elite Four Ship Elite Four is a game I made for four of my friends, with one mini-game for each of them. The idea was to do them a gift when I see them for holidays, but I ended up spending much more hours than expected, so the gift will come a bit late. It’s a personal project, the graphism aren’t beautiful and the gameplay is not perfect but I’m happy with what I’ve done. If you want to play it can take only three minutes to finish the game, but it may be a bit difficult (especially Mister C’s mini-game). The most challenging part was to compile the game, as it is made in Python, but I finally made it work both on Linux and Windows. Thank you for your interest, I hope you’ll enjoy the game !...
|
1793306870.7275767
|
1793393270.7275767
|