|
19711
|
muza by @muxlisamamadiyarova031 | Stardance
|
muxlisamamadiyarova031
|
0
|
0.0
|
0
|
[]
|
[]
|
Title: muza by @muxlisamamadiyarova031 | Stardance
|
1793249511.655203
|
1793854311.655203
|
|
54513
|
mwahhahaha by @chiragsalian | Stardance
|
chiragsalian
|
0
|
0.0
|
0
|
[]
|
[]
|
Title: mwahhahaha by @chiragsalian | Stardance
|
1793544877.8807874
|
1794149677.8807874
|
|
39442
|
my (second) slack bot! by @neonxsl | Stardance
|
neonxsl
|
1
|
1.0
|
0
|
[{"ship_num": 1, "ts": "2026-0 [{"ship_num": 1, "ts": "2026-07-25T22:56:45Z", "hours": 1.0, "multiplier": null, "payout": 0, "blessing": "neutral", "text": "I made a slackbot… that has some very funny jokes..! the commands do NOT collide with others. and it is hosted on the Nests soo its running 24/7.. it was pretty fun managing debian 12 it has 4 commands as of now; ping, 8ball, a joke, (its very funny) aand a dice roll.", "repo": "https://github.com/neonxsl/slack-bot/", "demo": "https://hackclub.enterprise.slack.com/archives/C0P5NE354"}]...
|
[{"post_id": 34873, "ts": "202 [{"post_id": 34873, "ts": "2026-07-25T22:53:05Z", "hours": 0.7119, "text": "iii made a slack bot! I liked managing the bot keys like they were some secret message… the bot works it has a few commands roll a die /clanker-roll ping za bot /clanker-ping 8ball! /clanker-8ball aand JOKES! /clanker-jokes"}]...
|
Title: my (second) slack bot! by @neonxsl | Starda Title: my (second) slack bot! by @neonxsl | Stardance
Devlogs:
iii made a slack bot! I liked managing the bot keys like they were some secret message… the bot works it has a few commands roll a die /clanker-roll ping za bot /clanker-ping 8ball! /clanker-8ball aand JOKES! /clanker-jokes
Ships:
I made a slackbot… that has some very funny jokes..! the commands do NOT collide with others. and it is hosted on the Nests soo its running 24/7.. it was pretty fun managing debian 12 it has 4 commands as of now; ping, 8ball, a joke, (its very funny) aand a dice roll....
|
1793512641.9325721
|
1793599041.9325721
|
|
50082
|
my 1st project by @Shanta | Stardance
|
Shanta
|
0
|
0.0
|
0
|
[]
|
[]
|
Title: my 1st project by @Shanta | Stardance
|
1793321533.1255355
|
1793926333.1255355
|
|
29895
|
my APOD site by @ | Stardance
|
|
0
|
0.0
|
0
|
[]
|
[]
|
Title: my APOD site by @ | Stardance
|
1793227676.3799431
|
1793832476.3799431
|
|
36136
|
my APOD site by @00alexo | Stardance
|
00alexo
|
0
|
0.0
|
0
|
[]
|
[]
|
Title: my APOD site by @00alexo | Stardance
|
1793469148.858248
|
1794073948.858248
|
|
64603
|
my APOD site by @1stormyounes | Stardance
|
1stormyounes
|
0
|
0.0
|
0
|
[]
|
[]
|
Title: my APOD site by @1stormyounes | Stardance
|
1793065795.051118
|
1793670595.051118
|
|
58493
|
my APOD site by @8gln | Stardance
|
8gln
|
0
|
0.0
|
0
|
[]
|
[]
|
Title: my APOD site by @8gln | Stardance
|
1793494276.4570785
|
1794099076.4570785
|
|
31076
|
my APOD site by @AB_TRANFORMER | Stardance
|
AB_TRANFORMER
|
0
|
5.52
|
0
|
[]
|
[{"post_id": 77047, "ts": "202 [{"post_id": 77047, "ts": "2026-10-05T14:09:48Z", "hours": 5.5183, "text": "hello, i just started to do the search button and the other buttons in between i was trying different styles but in the end i chose this i still need to add css to the buttons as you can see but i like how it turned out now. bye."}]...
|
Title: my APOD site by @AB_TRANFORMER | Stardance
Title: my APOD site by @AB_TRANFORMER | Stardance
Devlogs:
hello, i just started to do the search button and the other buttons in between i was trying different styles but in the end i chose this i still need to add css to the buttons as you can see but i like how it turned out now. bye....
|
1793479785.2961981
|
1794343785.2961981
|
|
29526
|
my APOD site by @AK_47 | Stardance
|
AK_47
|
0
|
0.0
|
0
|
[]
|
[]
|
Title: my APOD site by @AK_47 | Stardance
|
1792929128.6724272
|
1793793128.6724272
|
|
28633
|
my APOD site by @APK | Stardance
|
APK
|
0
|
0.0
|
0
|
[]
|
[]
|
Title: my APOD site by @APK | Stardance
|
1793530378.347886
|
1794135178.347886
|
|
33361
|
my APOD site by @Aaravkukreti | Stardance
|
Aaravkukreti
|
0
|
0.0
|
0
|
[]
|
[]
|
Title: my APOD site by @Aaravkukreti | Stardance
|
1793163235.3781168
|
1793768035.3781168
|
|
55194
|
my APOD site by @Abdulaziz-Alshaya | Stardance
|
Abdulaziz-Alshaya
|
0
|
0.0
|
0
|
[]
|
[]
|
Title: my APOD site by @Abdulaziz-Alshaya | Starda Title: my APOD site by @Abdulaziz-Alshaya | Stardance...
|
1793148538.8330796
|
1793753338.8330796
|
|
55054
|
my APOD site by @Abhi_25 | Stardance
|
Abhi_25
|
0
|
0.0
|
0
|
[]
|
[]
|
Title: my APOD site by @Abhi_25 | Stardance
|
1793141331.1043053
|
1793746131.1043053
|
|
30102
|
my APOD site by @AdaChan | Stardance
|
AdaChan
|
1
|
6.0
|
0
|
[{"ship_num": 1, "ts": "2026-0 [{"ship_num": 1, "ts": "2026-07-22T00:27:03Z", "hours": 6.0, "multiplier": null, "payout": 0, "blessing": "neutral", "text": "I created an APOD (Astronomy Picture of the Day) website. It has four pages: the “Home” page, which features a feed of API data (displaying photos from newest to oldest); a “Search” tab, where you can look up a photo by a specific date; a “Favorites” tab, where you can view photos saved while browsing the feed or the daily view (to favorite a photo, simply click the heart icon below the image—the icon changes color! ;D); and finally, a “Daily” page, where you can view the current day’s photo. Things might take a little while to load, especially on the feed and search pages.", "repo": "https://github.com/Hallow303/my-apod-site", "demo": "https://hallow303.github.io/my-apod-site/"}]...
|
[{"post_id": 32680, "ts": "202 [{"post_id": 32680, "ts": "2026-07-22T00:06:54Z", "hours": 0.3308, "text": "DevLog #6 I wrote the project README in a simple format (I’m obsessed with using tables, hahaha) and also took the opportunity to add a favicon to the site. To my own stress—lol—when I went to commit to the APOD repository, I messed up and pushed over 14 files to the wrong repo; when I realized it, I just wanted to give up."}, {"post_id": 32652, "ts": "2026-07-21T22:55:07Z", "hours": 2.0856, "text": "DevLog #5 Finally finished! 🎉 I built the main feed, the date-based search area, the favorites system, and the daily APOD."}, {"post_id": 32404, "ts": "2026-07-21T15:49:10Z", "hours": 2.0086, "text": "DevLog #4 I’ve finished the Daily APOD section. I think it turned out really well and closely matches the vision I had for the project. The page now automatically fetches the Astronomy Picture of the Day using the NASA API and displays the featured image, title, date, and the full description. I also added a favorites system using LocalStorage, so you can save the APODs you like best and access them later. The heart icon also changes state when an image is favorited."}, {"post_id": 31974, "ts": "2026-07-20T20:04:12Z", "hours": 0.4192, "text": "DevLog #3 I finally managed to get the site up and running! 🎉"}, {"post_id": 31521, "ts": "2026-07-20T00:22:18Z", "hours": 0.26, "text": "SOMETHING This wasn’t supposed to be a devlog lol. I just found out the error wasn’t on my end; GitHub had simply gone down. I spent ages trying to figure out why GitHub Actions kept returning a “Startup failure.” I checked the workflow, permissions, and secrets; I tried pushing via Git and the browser; I even considered starting the project over from scratch. In the end, I checked the GitHub status page and discovered a global outage affecting GitHub Actions. New workflows were failing to start—exactly the error I was getting. I am now officially annoyed with GitHub. I’ll wait for the service to return to normal and try again… but first, I think I need five minutes just staring at the wall."}, {"post_id": 31512, "ts": "2026-07-19T23:51:05Z", "hours": 0.2775, "text": "DevLog #2 Nothing but pain. AAAAAAAAAAAAAAAAAAAAAA I spent a good while trying to set up the project deployment using GitHub Actions, but so far, I’ve only managed to get a “Startup failure.” The worst part is that the workflow doesn’t even start, so there are no useful logs to figure out what’s wrong. Honestly, right now I have no idea what to do. I’ve checked the settings, reviewed the workflow, and tried again, but the error remains exactly the same. I might have to start the project over from scratch. =("}, {"post_id": 31502, "ts": "2026-07-19T23:09:31Z", "hours": 0.8233, "text": "DevLog #1 I’ve started the APOD project. Right now, I’m running some tests with the API. My idea is to create something like a vertical feed with “infinite” scrolling, displaying images and information from different dates. The API isn’t too difficult to use, especially since I’ve already worked with it on other projects and tests. For the time being, I’m just checking out some basic features, such as fetching the APOD for different dates."}]...
|
Title: my APOD site by @AdaChan | Stardance
Devlo Title: my APOD site by @AdaChan | Stardance
Devlogs:
DevLog #1 I’ve started the APOD project. Right now, I’m running some tests with the API. My idea is to create something like a vertical feed with “infinite” scrolling, displaying images and information from different dates. The API isn’t too difficult to use, especially since I’ve already worked with it on other projects and tests. For the time being, I’m just checking out some basic features, such as fetching the APOD for different dates.
DevLog #2 Nothing but pain. AAAAAAAAAAAAAAAAAAAAAA I spent a good while trying to set up the project deployment using GitHub Actions, but so far, I’ve only managed to get a “Startup failure.” The worst part is that the workflow doesn’t even start, so there are no useful logs to figure out what’s wrong. Honestly, right now I have no idea what to do. I’ve checked the settings, reviewed the workflow, and tried again, but the error remains exactly the same. I might have to start the project over from scratch. =(
SOMETHING This wasn’t supposed to be a devlog lol. I just found out the error wasn’t on my end; GitHub had simply gone down. I spent ages trying to figure out why GitHub Actions kept returning a “Startup failure.” I checked the workflow, permissions, and secrets; I tried pushing via Git and the browser; I even considered starting the project over from scratch. In the end, I checked the GitHub status page and discovered a global outage affecting GitHub Actions. New workflows were failing to start—exactly the error I was getting. I am now officially annoyed with GitHub. I’ll wait for the service to return to normal and try again… but first, I think I need five minutes just staring at the wall.
DevLog #3 I finally managed to get the site up and running! 🎉
DevLog #4 I’ve finished the Daily APOD section. I think it turned out really well and closely matches the vision I had for the project. The page now automatically fetches the Astronomy Picture of the Day using the NASA API and displays the featured image, title, date, and the full description. I also added a favorites system using LocalStorage, so you can save the APODs you like best and access them later. The heart icon also changes state when an image is favorited.
DevLog #5 Finally finished! 🎉 I built the main feed, the date-based search area, the favorites system, and the daily APOD.
DevLog #6 I wrote the project README in a simple format (I’m obsessed with using tables, hahaha) and also took the opportunity to add a favicon to the site. To my own stress—lol—when I went to commit to the APOD repository, I messed up and pushed over 14 files to the wrong repo; when I realized it, I just wanted to give up.
Ships:
I created an APOD (Astronomy Picture of the Day) website. It has four pages: the “Home” page, which features a feed of API data (displaying photos from newest to oldest); a “Search” tab, where you can look up a photo by a specific date; a “Favorites” tab, where you can view photos saved while browsing the feed or the daily view (to favorite a photo, simply click the heart icon below the image—the icon changes color! ;D); and finally, a “Daily” page, where you can view the current day’s photo. Things might take a little while to load, especially on the feed and search pages....
|
1793537279.5839198
|
1793623679.5839198
|
|
33773
|
my APOD site by @Adammm | Stardance
|
Adammm
|
0
|
0.0
|
0
|
[]
|
[]
|
Title: my APOD site by @Adammm | Stardance
|
1793282223.6969938
|
1793887023.6969938
|
|
50716
|
my APOD site by @AdityaV7 | Stardance
|
AdityaV7
|
0
|
0.0
|
0
|
[]
|
[]
|
Title: my APOD site by @AdityaV7 | Stardance
|
1792936423.3037808
|
1793800423.3037808
|
|
30335
|
my APOD site by @Albert | Stardance
|
Albert
|
0
|
0.0
|
0
|
[]
|
[]
|
Title: my APOD site by @Albert | Stardance
|
1793541240.714539
|
1794146040.714539
|
|
32541
|
my APOD site by @Aleena_Wariya | Stardance
|
Aleena_Wariya
|
0
|
0.0
|
0
|
[]
|
[]
|
Title: my APOD site by @Aleena_Wariya | Stardance
|
1793390160.1081052
|
1793994960.1081052
|
|
34064
|
my APOD site by @Alish | Stardance
|
Alish
|
0
|
0.0
|
0
|
[]
|
[]
|
Title: my APOD site by @Alish | Stardance
|
1793508952.8510387
|
1794113752.8510387
|
|
30111
|
my APOD site by @Angelyn | Stardance
|
Angelyn
|
0
|
0.0
|
0
|
[]
|
[]
|
Title: my APOD site by @Angelyn | Stardance
|
1793253166.3738549
|
1793857966.3738549
|
|
44084
|
my APOD site by @Apoorva_H | Stardance
|
Apoorva_H
|
0
|
0.0
|
0
|
[]
|
[]
|
Title: my APOD site by @Apoorva_H | Stardance
|
1793253268.779499
|
1793858068.779499
|
|
35083
|
my APOD site by @Aquinplays | Stardance
|
Aquinplays
|
0
|
0.0
|
0
|
[]
|
[]
|
Title: my APOD site by @Aquinplays | Stardance
|
1793393284.4703033
|
1793998084.4703033
|
|
30395
|
my APOD site by @Aryav | Stardance
|
Aryav
|
0
|
0.0
|
0
|
[]
|
[]
|
Title: my APOD site by @Aryav | Stardance
|
1793573321.5896256
|
1794178121.5896256
|
|
38249
|
my APOD site by @AtomicSailor | Stardance
|
AtomicSailor
|
0
|
0.0
|
0
|
[]
|
[]
|
Title: my APOD site by @AtomicSailor | Stardance
|
1793454756.1149228
|
1794059556.1149228
|
|
38250
|
my APOD site by @AtomicSailor | Stardance
|
AtomicSailor
|
0
|
0.0
|
0
|
[]
|
[]
|
Title: my APOD site by @AtomicSailor | Stardance
|
1793433179.4349866
|
1794037979.4349866
|
|
60586
|
my APOD site by @Ayebare | Stardance
|
Ayebare
|
0
|
0.0
|
0
|
[]
|
[]
|
Title: my APOD site by @Ayebare | Stardance
|
1793036889.3989553
|
1793641689.3989553
|
|
37018
|
my APOD site by @Aykut | Stardance
|
Aykut
|
0
|
0.0
|
0
|
[]
|
[]
|
Title: my APOD site by @Aykut | Stardance
|
1793184887.131828
|
1793789687.131828
|
|
40274
|
my APOD site by @Batyrbaev_Nurjan | Stardance
|
Batyrbaev_Nurjan
|
0
|
0.0
|
0
|
[]
|
[]
|
Title: my APOD site by @Batyrbaev_Nurjan | Stardan Title: my APOD site by @Batyrbaev_Nurjan | Stardance...
|
1793141308.1616647
|
1793746108.1616647
|
|
58089
|
my APOD site by @Bee013 | Stardance
|
Bee013
|
0
|
0.0
|
0
|
[]
|
[]
|
Title: my APOD site by @Bee013 | Stardance
|
1793469429.0127068
|
1794074229.0127068
|
|
51041
|
my APOD site by @Bhavya_Sharma | Stardance
|
Bhavya_Sharma
|
0
|
0.0
|
0
|
[]
|
[]
|
Title: my APOD site by @Bhavya_Sharma | Stardance
|
1793371880.093517
|
1793976680.093517
|
|
58072
|
my APOD site by @BigD | Stardance
|
BigD
|
0
|
0.0
|
0
|
[]
|
[]
|
Title: my APOD site by @BigD | Stardance
|
1793469393.299607
|
1794074193.299607
|
|
31464
|
my APOD site by @Bliss | Stardance
|
Bliss
|
0
|
0.0
|
0
|
[]
|
[]
|
Title: my APOD site by @Bliss | Stardance
|
1793177572.4087322
|
1793782372.4087322
|
|
37033
|
my APOD site by @Boibla | Stardance
|
Boibla
|
0
|
0.0
|
0
|
[]
|
[]
|
Title: my APOD site by @Boibla | Stardance
|
1793552225.6894
|
1794157025.6894
|
|
41408
|
my APOD site by @Boyra_Zeren | Stardance
|
Boyra_Zeren
|
0
|
1.2
|
0
|
[]
|
[{"post_id": 42659, "ts": "202 [{"post_id": 42659, "ts": "2026-08-07T14:33:19Z", "hours": 1.1981, "text": "So I made a base for the APOD guide project. The site doesnt do much rn other than exist (ik crazy right) but I’ll finish it and post it here on the next devlog."}]...
|
Title: my APOD site by @Boyra_Zeren | Stardance
D Title: my APOD site by @Boyra_Zeren | Stardance
Devlogs:
So I made a base for the APOD guide project. The site doesnt do much rn other than exist (ik crazy right) but I’ll finish it and post it here on the next devlog....
|
1793566198.3884587
|
1794170998.3884587
|
|
37829
|
my APOD site by @CFMJ | Stardance
|
CFMJ
|
0
|
0.0
|
0
|
[]
|
[]
|
Title: my APOD site by @CFMJ | Stardance
|
1793444125.3512356
|
1794048925.3512356
|
|
36124
|
my APOD site by @COYG_KNGPLCJMS | Stardance
|
COYG_KNGPLCJMS
|
0
|
0.0
|
0
|
[]
|
[]
|
Title: my APOD site by @COYG_KNGPLCJMS | Stardance
|
1792907432.9249759
|
1793771432.9249759
|
|
29033
|
my APOD site by @Camc | Stardance
|
Camc
|
0
|
0.0
|
0
|
[]
|
[]
|
Title: my APOD site by @Camc | Stardance
|
1793163197.0003352
|
1793767997.0003352
|
|
36257
|
my APOD site by @CamoKid | Stardance
|
CamoKid
|
0
|
0.0
|
0
|
[]
|
[]
|
Title: my APOD site by @CamoKid | Stardance
|
1793436583.0270648
|
1794041383.0270648
|
|
40777
|
my APOD site by @CherryMG | Stardance
|
CherryMG
|
1
|
3.0
|
0
|
[{"ship_num": 1, "ts": "2026-0 [{"ship_num": 1, "ts": "2026-07-28T21:06:43Z", "hours": 3.0, "multiplier": null, "payout": 0, "blessing": "neutral", "text": "The most challenging part of this project was well, javascript. I have created multiple websites before, even one for my business, but I have avoided js nearly entirely. Took me a bit of trying but was so worth it.", "repo": "https://github.com/CherryMakesGames/nasa-plaything", "demo": "https://cherrymakesgames.github.io/nasa-plaything/"}]...
|
[{"post_id": 36618, "ts": "202 [{"post_id": 36618, "ts": "2026-07-28T20:55:16Z", "hours": 1.5228, "text": "So, this is basically it for the project. I did a few simple changes including: making the text glow improving the look of the date picker using flatpickr adding a “random day” button adding a “load high resolution” button to images."}, {"post_id": 36377, "ts": "2026-07-28T13:31:00Z", "hours": 0.6186, "text": "Improvements to the typography and site look"}, {"post_id": 36352, "ts": "2026-07-28T12:29:14Z", "hours": 0.3317, "text": "Created a small date picker that allows me to view past days, by default it is obviously set to the current day and it ends up lodaing it from the start."}, {"post_id": 36079, "ts": "2026-07-27T22:49:56Z", "hours": 0.2908, "text": "Added some basic CSS as a starter"}, {"post_id": 36070, "ts": "2026-07-27T22:26:49Z", "hours": 0.3119, "text": "Using the provided guide I have quickly went through the setup process and after a short amount of research I managed to have the first base website set-up. What I will be focusing on next is making it more functional via having some sort of search and a “surprise me” button"}]...
|
Title: my APOD site by @CherryMG | Stardance
Devl Title: my APOD site by @CherryMG | Stardance
Devlogs:
Using the provided guide I have quickly went through the setup process and after a short amount of research I managed to have the first base website set-up. What I will be focusing on next is making it more functional via having some sort of search and a “surprise me” button
Added some basic CSS as a starter
Created a small date picker that allows me to view past days, by default it is obviously set to the current day and it ends up lodaing it from the start.
Improvements to the typography and site look
So, this is basically it for the project. I did a few simple changes including: making the text glow improving the look of the date picker using flatpickr adding a “random day” button adding a “load high resolution” button to images.
Ships:
The most challenging part of this project was well, javascript. I have created multiple websites before, even one for my business, but I have avoided js nearly entirely. Took me a bit of trying but was so worth it....
|
1792878766.5003085
|
1793742766.5003085
|
|
38626
|
my APOD site by @Chiboy | Stardance
|
Chiboy
|
0
|
0.0
|
0
|
[]
|
[]
|
Title: my APOD site by @Chiboy | Stardance
|
1793422251.7495587
|
1794027051.7495587
|
|
31942
|
my APOD site by @Cleon | Stardance
|
Cleon
|
0
|
0.0
|
0
|
[]
|
[]
|
Title: my APOD site by @Cleon | Stardance
|
1793562954.3415372
|
1794167754.3415372
|
|
72262
|
my APOD site by @DDG_ | Stardance
|
DDG_
|
0
|
0.0
|
0
|
[]
|
[]
|
Title: my APOD site by @DDG_ | Stardance
|
1793436426.0196702
|
1794041226.0196702
|
|
64756
|
my APOD site by @DEEPML18 | Stardance
|
DEEPML18
|
1
|
4.0
|
0
|
[{"ship_num": 1, "ts": "2026-0 [{"ship_num": 1, "ts": "2026-09-26T16:46:40Z", "hours": 4.0, "multiplier": null, "payout": 0, "blessing": "neutral", "text": "🌌 NASA Pro - Explorer Dashboard A dynamic new-tab dashboard built for the “Give Your Website a Pulse” challenge. ✨ Features Zero-Delay Backgrounds: Instantly loads a cached cosmic background, while gracefully fetching the latest NASA APOD image. Live Search Integration: Fully integrated web search (SerpApi) directly in the dashboard. Dynamic Glassmorphism UI: Custom CSS featuring smooth backdrop-filters and hover animations. Custom Bookmarks Engine: An interactive widget to add and manage your favorite links via localStorage . 🛠 Tech Stack & Setup Tech: Pure HTML, Vanilla JavaScript, Custom CSS, and Vite. Setup: npm install -> Add .env with VITE_NASA_API_KEY & VITE_SERPAPI_KEY -> npm run dev 📝 Challenge Checklist HTML + CSS + JS required Public repository with good README Devlogs included No AI one-click builders (100% manual code) Custom UI/CSS Real Features (APIs, localStorage) Fully deployed website NASA Pro - Devlogs Day 1: Project Setup Scaffolded the project using Vite to test my vanilla JavaScript skills. Created the basic HTML structure, JS entry points, and added a fallback cosmic image ( hero.png ) to guarantee the background never breaks. Day 2: NASA API & Local Caching Hooked up the NASA APOD API. To prevent hitting API rate limits, I engineered a localStorage caching system that saves the last 20 fetched images and falls back to them automatically. Day 3: Clock & DOM Skeleton Built a precise digital clock function with a dynamic time-based greeting. Sketched out the search bar and built a collapsible “Info Panel” with CSS transitions to display the NASA APOD descriptions. Day 4: SerpApi Integration & Glassmorphism Integrated SerpApi for native Google Search results. Configured a Vite proxy to fix CORS, built a custom Vanilla JS rendering engine for the results, and completely overhauled the CSS to a “Glassmorphism” theme. Day 5: Refactoring & Bookmarks Modularized the 650-line main.js into clean components. Replaced hardcoded quick links with a dynamic Custom Bookmarks engine, and polished the background to load instantly with zero delay.", "repo": "https://github.com/DEEPML1818/my-APOD-site", "demo": "https://my-apod-site-gamma.vercel.app/"}]...
|
[{"post_id": 74059, "ts": "202 [{"post_id": 74059, "ts": "2026-09-26T16:37:03Z", "hours": 0.6386, "text": "day 3 - Final Polish & Refactoring massive code cleanup: broke down a monolithic main.js into clean modules (clock.js, apod.js, bookmarks.js, search.js soon) fixed UI visibility issue where search results background obscured the NASA image fixed z-index bug to ensure the APOD description info panel is fully readable while searching built custom bookmarks functionality: users can now dynamically add and remove their own links that persist via localStorage (goodbye hardcoded links) implemented zero-delay background rendering: app now instantly loads a cached background on initial load while fetching the fresh NASA API image in the background, eliminating any black screen delays project is officially ready to ship! 🚀"}, {"post_id": 73612, "ts": "2026-09-25T14:08:01Z", "hours": 1.2392, "text": "Today’s session was a full transformation of nasa_pro — from a basic Vite page with a clock into a working search engine with a premium space-themed UI, powered by two live APIs. SerpApi Search Engine The old search bar just opened Google in a new tab. I ripped that out and replaced it with a real SerpApi integration. Now when you type a query and hit Go, the app makes an API call to SerpApi’s Google engine, parses the JSON response, and renders the top 5 organic results directly on the page — each with a clickable title and snippet preview. A close button dismisses the results panel. The entire search flow happens without leaving the page. To bypass CORS restrictions, I set up a Vite dev proxy in vite.config.js that routes /search.json requests through to serpapi.com, so the browser treats it as a same-origin request. The API key is stored in .env as VITE_SERPAPI_KEY. NASA APOD Background Fix The APOD integration existed but was completely broken — the background was pure black. I traced this to three issues: the code was loading the full-res hdurl (tens of megabytes, 40+ seconds to download) instead of the optimized 1024px web version; NASA’s servers were rejecting requests because the browser sent a Referer header from localhost; and there was zero fallback if the image failed. I fixed all three — prioritized the smaller d.url, added a no-referrer meta tag to index.html, and built a proper loading chain using Image() preloading with onload/onerror handlers that tries the web image first, falls back to hdurl, then to a local hero.png asset. The .bg element now starts with a cosmic radial gradient so the page always looks like space, even if every image source fails. I also busted the localStorage cache so stale data doesn’t persist. UI Redesign Rewrote styles.css almost entirely. The search panel now uses glassmorphism — backdrop-filter blur, translucent rgba backgrounds, subtle borders, and deep box shadows. The search input transitions on focus with a glowing border. Buttons lift on hover. The info toggle has a continuous pulse animation that stops on hover and swaps to a scale-up glow. The info panel opens with a bouncy cubic-bezier scale transition. The clock is 64px extra-bold with text-shadow depth. Quick links have hover states with fading borders. Everything feels alive and responsive. Bug Fixes Fixed the clock greeting saying “Good morning” at 9 PM — the original code used the 12-hour variable to decide time of day, so 9 PM registered as morning. Switched it to the 24-hour value. Features Live clock with AM/PM and context-aware greeting. SerpApi-powered inline Google search with results panel. NASA APOD daily background with smart preloading and triple fallback. Collapsible info panel showing APOD title, explanation, and date. Quick links bar. Glassmorphic UI with micro-animations throughout. Cosmic gradient fallback. localStorage caching. Responsive layout. Both API keys configured via .env with Vite proxy for CORS-free development."}, {"post_id": 72654, "ts": "2026-09-23T12:59:09Z", "hours": 2.0681, "text": "Kicked off the project. Built the Vite skeleton, wired up the NASA APOD fetch with a localStorage daily cache so it doesn’t hammer the API every reload. Added the always-visible caption bar at the bottom and a collapsible info panel behind the i button. Background controls (open HD image, Google Image Search) live in the bottom-left corner. Ran a production build locally to confirm Vite outputs a clean dist/ . Files touched: src/main.js , src/styles.css , index.html"}]...
|
Title: my APOD site by @DEEPML18 | Stardance
Devl Title: my APOD site by @DEEPML18 | Stardance
Devlogs:
Kicked off the project. Built the Vite skeleton, wired up the NASA APOD fetch with a localStorage daily cache so it doesn’t hammer the API every reload. Added the always-visible caption bar at the bottom and a collapsible info panel behind the i button. Background controls (open HD image, Google Image Search) live in the bottom-left corner. Ran a production build locally to confirm Vite outputs a clean dist/ . Files touched: src/main.js , src/styles.css , index.html
Today’s session was a full transformation of nasa_pro — from a basic Vite page with a clock into a working search engine with a premium space-themed UI, powered by two live APIs. SerpApi Search Engine The old search bar just opened Google in a new tab. I ripped that out and replaced it with a real SerpApi integration. Now when you type a query and hit Go, the app makes an API call to SerpApi’s Google engine, parses the JSON response, and renders the top 5 organic results directly on the page — each with a clickable title and snippet preview. A close button dismisses the results panel. The entire search flow happens without leaving the page. To bypass CORS restrictions, I set up a Vite dev proxy in vite.config.js that routes /search.json requests through to serpapi.com, so the browser treats it as a same-origin request. The API key is stored in .env as VITE_SERPAPI_KEY. NASA APOD Background Fix The APOD integration existed but was completely broken — the background was pure black. I traced this to three issues: the code was loading the full-res hdurl (tens of megabytes, 40+ seconds to download) instead of the optimized 1024px web version; NASA’s servers were rejecting requests because the browser sent a Referer header from localhost; and there was zero fallback if the image failed. I fixed all three — prioritized the smaller d.url, added a no-referrer meta tag to index.html, and built a proper loading chain using Image() preloading with onload/onerror handlers that tries the web image first, falls back to hdurl, then to a local hero.png asset. The .bg element now starts with a cosmic radial gradient so the page always looks like space, even if every image source fails. I also busted the localStorage cache so stale data doesn’t persist. UI Redesign Rewrote styles.css almost entirely. The search panel now uses glassmorphism — backdrop-filter blur, translucent rgba backgrounds, subtle borders, and deep box shadows. The search input transitions on focus with a glowing border. Buttons lift on hover. The info toggle has a continuous pulse animation that stops on hover and swaps to a scale-up glow. The info panel opens with a bouncy cubic-bezier scale transition. The clock is 64px extra-bold with text-shadow depth. Quick links have hover states with fading borders. Everything feels alive and responsive. Bug Fixes Fixed the clock greeting saying “Good morning” at 9 PM — the original code used the 12-hour variable to decide time of day, so 9 PM registered as morning. Switched it to the 24-hour value. Features Live clock with AM/PM and context-aware greeting. SerpApi-powered inline Google search with results panel. NASA APOD daily background with smart preloading and triple fallback. Collapsible info panel showing APOD title, explanation, and date. Quick links bar. Glassmorphic UI with micro-animations throughout. Cosmic gradient fallback. localStorage caching. Responsive layout. Both API keys configured via .env with Vite proxy for CORS-free development.
day 3 - Final Polish & Refactoring massive code cleanup: broke down a monolithic main.js into clean modules (clock.js, apod.js, bookmarks.js, search.js soon) fixed UI visibility issue where search results background obscured the NASA image fixed z-index bug to ensure the APOD description info panel is fully readable while searching built custom bookmarks functionality: users can now dynamically add and remove their own links that persist via localStorage (goodbye hardcoded links) implemented zero-delay background rendering: app now instantly loads a cached background on initial load while fetching the fresh NASA API image in the background, eliminating any black screen delays project is officially ready to ship! 🚀
Ships:
🌌 NASA Pro - Explorer Dashboard A dynamic new-tab dashboard built for the “Give Your Website a Pulse” challenge. ✨ Features Zero-Delay Backgrounds: Instantly loads a cached cosmic background, while gracefully fetching the latest NASA APOD image. Live Search Integration: Fully integrated web search (SerpApi) directly in the dashboard. Dynamic Glassmorphism UI: Custom CSS featuring smooth backdrop-filters and hover animations. Custom Bookmarks Engine: An interactive widget to add and manage your favorite links via localStorage . 🛠 Tech Stack & Setup Tech: Pure HTML, Vanilla JavaScript, Custom CSS, and Vite. Setup: npm install -> Add .env with VITE_NASA_API_KEY & VITE_SERPAPI_KEY -> npm run dev 📝 Challenge Checklist HTML + CSS + JS required Public repository with good README Devlogs included No AI one-click builders (100% manual code) Custom UI/CSS Real Features (APIs, localStorage) Fully deployed website NASA Pro - Devlogs Day 1: Project Setup Scaffolded the project using Vite to test my vanilla JavaScript skills. Created the basic HTML structure, JS entry points, and added a fallback cosmic image ( hero.png ) to guarantee the background never breaks. Day 2: NASA API & Local Caching Hooked up the NASA APOD API. To prevent hitting API rate limits, I engineered a localStorage caching system that saves the last 20 fetched images and falls back to them automatically. Day 3: Clock & DOM Skeleton Built a precise digital clock function with a dynamic time-based greeting. Sketched out the search bar and built a collapsible “Info Panel” with CSS transitions to display the NASA APOD descriptions. Day 4: SerpApi Integration & Glassmorphism Integrated SerpApi for native Google Search results. Configured a Vite proxy to fix CORS, built a custom Vanilla JS rendering engine for the results, and completely overhauled the CSS to a “Glassmorphism” theme. Day 5: Refactoring & Bookmarks Modularized the 650-line main.js into clean components. Replaced hardcoded quick links with a dynamic Custom Bookmarks engine, and polished the background to load instantly with zero delay....
|
1793591651.4594576
|
1793678051.4594576
|
|
45709
|
my APOD site by @DJCraft | Stardance
|
DJCraft
|
0
|
0.0
|
0
|
[]
|
[]
|
Title: my APOD site by @DJCraft | Stardance
|
1793350428.6903799
|
1793955228.6903799
|
|
72255
|
my APOD site by @Dane | Stardance
|
Dane
|
0
|
0.0
|
0
|
[]
|
[]
|
Title: my APOD site by @Dane | Stardance
|
1793432848.6833954
|
1794037648.6833954
|
|
35081
|
my APOD site by @Danimani_lmv1 | Stardance
|
Danimani_lmv1
|
0
|
0.67
|
0
|
[]
|
[{"post_id": 28948, "ts": "202 [{"post_id": 28948, "ts": "2026-07-15T15:46:46Z", "hours": 0.6661, "text": "Second Project Okay so nothing too interesting to start things off BUT All I’ve done so far after staring at JavaScript and just processing it for 2 hours is do something, and i did plan a little ahead on how I’m going to be taking things forward! Follow along and stay updated!"}]...
|
Title: my APOD site by @Danimani_lmv1 | Stardance
Title: my APOD site by @Danimani_lmv1 | Stardance
Devlogs:
Second Project Okay so nothing too interesting to start things off BUT All I’ve done so far after staring at JavaScript and just processing it for 2 hours is do something, and i did plan a little ahead on how I’m going to be taking things forward! Follow along and stay updated!...
|
1793526576.3309972
|
1794131376.3309972
|
|
56431
|
my APOD site by @Deku123987 | Stardance
|
Deku123987
|
0
|
0.0
|
0
|
[]
|
[]
|
Title: my APOD site by @Deku123987 | Stardance
|
1793382712.2985146
|
1793987512.2985146
|
|
46865
|
my APOD site by @Efeatagul | Stardance
|
Efeatagul
|
0
|
0.0
|
0
|
[]
|
[]
|
Title: my APOD site by @Efeatagul | Stardance
|
1793159335.0508163
|
1793764135.0508163
|
|
40875
|
my APOD site by @Elfoclaw | Stardance
|
Elfoclaw
|
0
|
0.0
|
0
|
[]
|
[]
|
Title: my APOD site by @Elfoclaw | Stardance
|
1793527007.051907
|
1794131807.051907
|