|
4184
|
My awesome macropad! by @yatanveer | Stardance
|
yatanveer
|
0
|
0.0
|
0
|
[]
|
[]
|
Title: My awesome macropad! by @yatanveer | Starda Title: My awesome macropad! by @yatanveer | Stardance...
|
1792558490.868615
|
1793163290.868615
|
|
375
|
shepard stone by @yatagarasu_number_17 | Stardance
|
yatagarasu_number_17
|
0
|
0.0
|
0
|
[]
|
[]
|
Title: shepard stone by @yatagarasu_number_17 | St Title: shepard stone by @yatagarasu_number_17 | Stardance...
|
1792640959.92168
|
1793245759.92168
|
|
38289
|
The World Ends At 4:15 by @yatagarasu_number_17 | The World Ends At 4:15 by @yatagarasu_number_17 | Stardance...
|
yatagarasu_number_17
|
0
|
3.79
|
0
|
[]
|
[{"post_id": 33532, "ts": "202 [{"post_id": 33532, "ts": "2026-07-23T15:55:01Z", "hours": 3.7947, "text": "Made a clock model, shader and animation for the HUD and scene transition"}]...
|
Title: The World Ends At 4:15 by @yatagarasu_numbe Title: The World Ends At 4:15 by @yatagarasu_number_17 | Stardance
Devlogs:
Made a clock model, shader and animation for the HUD and scene transition...
|
1792731244.7404366
|
1793336044.7404366
|
|
49487
|
Frictionless by @yaswanthjyothula1907 | Stardance
|
yaswanthjyothula1907
|
0
|
0.0
|
0
|
[]
|
[]
|
Title: Frictionless by @yaswanthjyothula1907 | Sta Title: Frictionless by @yaswanthjyothula1907 | Stardance...
|
1792594197.3101873
|
1793198997.3101873
|
|
1226
|
Untitled project by @yaswanth | Stardance
|
yaswanth
|
0
|
0.0
|
0
|
[]
|
[]
|
Title: Untitled project by @yaswanth | Stardance
|
1792597938.7213252
|
1793202738.7213252
|
|
55893
|
Personal website by @yaswanth | Stardance
|
yaswanth
|
0
|
0.0
|
0
|
[]
|
[]
|
Title: Personal website by @yaswanth | Stardance
|
1792637643.5424984
|
1793242443.5424984
|
|
36798
|
My very own WebOS by @yasu | Stardance
|
yasu
|
0
|
0.0
|
0
|
[]
|
[]
|
Title: My very own WebOS by @yasu | Stardance
|
1792741709.7343102
|
1793346509.7343102
|
|
35560
|
a new car with arduino and dc motors by @yassodars a new car with arduino and dc motors by @yassodarsh | Stardance...
|
yassodarsh
|
0
|
0.0
|
0
|
[]
|
[]
|
Title: a new car with arduino and dc motors by @ya Title: a new car with arduino and dc motors by @yassodarsh | Stardance...
|
1792752635.543524
|
1793357435.543524
|
|
25999
|
Telescope by @yassmine | Stardance
|
yassmine
|
0
|
0.0
|
0
|
[]
|
[]
|
Title: Telescope by @yassmine | Stardance
|
1793159503.3481317
|
1793764303.3481317
|
|
66643
|
My awesome macropad! by @yassman33 | Stardance
|
yassman33
|
0
|
0.0
|
0
|
[]
|
[]
|
Title: My awesome macropad! by @yassman33 | Starda Title: My awesome macropad! by @yassman33 | Stardance...
|
1793101782.0293689
|
1793706582.0293689
|
|
43260
|
My awesome macropad! by @yassinos | Stardance
|
yassinos
|
0
|
0.0
|
0
|
[]
|
[]
|
Title: My awesome macropad! by @yassinos | Stardan Title: My awesome macropad! by @yassinos | Stardance...
|
1793213341.061226
|
1793818141.061226
|
|
59256
|
Netwatch by @yassinerafie2 | Stardance
|
yassinerafie2
|
0
|
0.0
|
0
|
[]
|
[]
|
Title: Netwatch by @yassinerafie2 | Stardance
|
1792792182.8375049
|
1793396982.8375049
|
|
67987
|
Proyecto 1 by @yassinerafie2 | Stardance
|
yassinerafie2
|
0
|
0.0
|
0
|
[]
|
[]
|
Title: Proyecto 1 by @yassinerafie2 | Stardance
|
1793116303.7282078
|
1793721103.7282078
|
|
67990
|
Cohete 1 by @yassinerafie2 | Stardance
|
yassinerafie2
|
0
|
0.0
|
0
|
[]
|
[]
|
Title: Cohete 1 by @yassinerafie2 | Stardance
|
1793116308.3463159
|
1793721108.3463159
|
|
70848
|
Esp32-radar-leds-buzzer by @yassinerafie2 | Starda Esp32-radar-leds-buzzer by @yassinerafie2 | Stardance...
|
yassinerafie2
|
0
|
0.0
|
0
|
[]
|
[]
|
Title: Esp32-radar-leds-buzzer by @yassinerafie2 | Title: Esp32-radar-leds-buzzer by @yassinerafie2 | Stardance...
|
1792612022.7852669
|
1793216822.7852669
|
|
9748
|
My first slack bot! by @yassinbs | Stardance
|
yassinbs
|
1
|
0.29
|
1
|
[{"ship_num": 1, "ts": "2026-0 [{"ship_num": 1, "ts": "2026-06-06T15:28:35Z", "hours": 0.0, "multiplier": 2.57, "payout": 1, "blessing": "neutral", "text": "I built a custom Slack bot called Helloking Bot using Node.js, Slack Bolt, and Socket Mode. The bot includes several slash commands such as /helloking, /helloking-joke, /helloking-catfact, /helloking-quote, /helloking-roll, and /helloking-coinflip. The most challenging part was deploying the bot so it would stay online 24/7 and configuring it to run on a remote server. I also had to learn how to work with GitHub, environment variables, Linux commands, and systemd services. I’m most proud of organizing the project into multiple command files instead of putting everything in one file. This made the code cleaner, easier to read, and easier to maintain as I added more features. ChatGPT helped teach me the basics of Slack bot development and suggested using a modular file structure, which improved the overall quality of the project. To test the bot, use any of the following slash commands in Slack: /helloking /helloking-joke /helloking-catfact /helloking-quote /helloking-roll /helloking-coinflip The bot is deployed on a Nest VM and runs 24/7, even when my laptop is turned off.", "repo": "https://github.com/guccmanegu-eng/slack-bothelloking", "demo": "https://hackclub.enterprise.slack.com/archives/C0B8Q9N50T0"}]...
|
[{"post_id": 4108, "ts": "2026 [{"post_id": 4108, "ts": "2026-06-07T09:34:57Z", "hours": 0.2853, "text": "Added 2 more commands, advice and dogfact. Also fixed the project test link, as it was app.slack.com, now turned it into a testing channel link."}, {"post_id": 3494, "ts": "2026-06-06T13:38:06Z", "hours": 0.31, "text": "Trying to make a Slack bot, without useless functions, but with very handy functions."}]...
|
Title: My first slack bot! by @yassinbs | Stardanc Title: My first slack bot! by @yassinbs | Stardance
Devlogs:
Trying to make a Slack bot, without useless functions, but with very handy functions.
Added 2 more commands, advice and dogfact. Also fixed the project test link, as it was app.slack.com, now turned it into a testing channel link.
Ships:
I built a custom Slack bot called Helloking Bot using Node.js, Slack Bolt, and Socket Mode. The bot includes several slash commands such as /helloking, /helloking-joke, /helloking-catfact, /helloking-quote, /helloking-roll, and /helloking-coinflip. The most challenging part was deploying the bot so it would stay online 24/7 and configuring it to run on a remote server. I also had to learn how to work with GitHub, environment variables, Linux commands, and systemd services. I’m most proud of organizing the project into multiple command files instead of putting everything in one file. This made the code cleaner, easier to read, and easier to maintain as I added more features. ChatGPT helped teach me the basics of Slack bot development and suggested using a modular file structure, which improved the overall quality of the project. To test the bot, use any of the following slash commands in Slack: /helloking /helloking-joke /helloking-catfact /helloking-quote /helloking-roll /helloking-coinflip The bot is deployed on a Nest VM and runs 24/7, even when my laptop is turned off....
|
1793098083.3789394
|
1793184483.3789394
|
|
9908
|
First website by @yassinbs | Stardance
|
yassinbs
|
0
|
0.0
|
0
|
[]
|
[]
|
Title: First website by @yassinbs | Stardance
|
1792947099.7585475
|
1793811099.7585475
|
|
17175
|
Custom WebOS by @yassinbs | Stardance
|
yassinbs
|
1
|
2.0
|
0
|
[{"ship_num": 1, "ts": "2026-0 [{"ship_num": 1, "ts": "2026-06-15T19:13:32Z", "hours": 2.0, "multiplier": null, "payout": 0, "blessing": "neutral", "text": "It is a simple webos, I have added features like clicking on tabs to put them on top of other tabs, and the rest is pretty self explanatory. I explained everything briefly in my Devlogs.", "repo": "https://github.com/guccmanegu-eng/AppleWebOS", "demo": "https://guccmanegu-eng.github.io/AppleWebOS/"}]...
|
[{"post_id": 9248, "ts": "2026 [{"post_id": 9248, "ts": "2026-06-15T15:08:10Z", "hours": 0.5067, "text": "Devlog 5 - Creating an Advanced App: Projects Today, I developed my second desktop application for HackOS: the Projects app. One enhancement I integrated is the ability to click windows to bring them to the forefront. The app aims to showcase the projects I’ve created and provide users with an alternative way to navigate my operating system. What I Added I began by designing a new desktop icon labeled “Projects,” featuring a book icon positioned next to the Journal app. Next, I set up a new window for the application that includes: A draggable header A close button A content area for displaying project details I created a JavaScript array named projectsData to store information about my projects, with each project containing: A title A description The loadProjects() function I wrote iterates through the array and dynamically generates project cards within the app. Current projects include: AppleWebOS Journal App A placeholder for future projects Challenges I Encountered This project proved significantly more challenging than developing the Journal app. I spent considerable time troubleshooting why the Projects window wouldn’t open. The primary issue stemmed from an incorrect HTML structure; I had created the window’s header and content but neglected to establish the projectsWindow container that ties everything together. As a result, JavaScript couldn’t locate: var projectsWindow = document . querySelector ( \" #projectsWindow \" ); This oversight hindered the window-opening functionality. Additionally, I mistakenly placed the projects-content div within the header instead of below it. I also mixed up several IDs, including: projects projectsWindow projectsIcon This experience reinforced the importance of maintaining consistent naming conventions as projects expand. What I Learned I discovered that organization is becoming increasingly crucial. In a growing project like HackOS, minor errors in IDs or HTML structure can disrupt entire features, such as the draggable functionality. I also learned how to dynamically generate content using JavaScript arrays rather than hardcoding everything into the HTML. Current HackOS Features HackOS now boasts several features: A top bar displaying a live clock A Welcome window A Journal application A Projects application Draggable windows Open and close functionality Dynamic content loading Next Potential Steps I aim to continue enhancing HackOS by adding more applications and refining the visual design. Some ideas on my list include: Improved window animations Additional projects within the Projects app A settings application Enhanced styling More interactive desktop features HackOS is progressively evolving into a functioning operating system rather than just a simple webpage."}, {"post_id": 9229, "ts": "2026-06-15T14:34:14Z", "hours": 0.6919, "text": "Devlog 4 - Creating My First App: Journal Today, I launched my first application for my personal operating system: the Journal app. I added an app icon to the desktop, allowing users to open the Journal window only when its icon is clicked, rather than having every window open automatically upon loading the website. I incorporated several systems I had previously built, including draggable windows, open and close functionality, and reusable styling. App Structure Inside the Journal app, I created a sidebar and a content area. The sidebar lists various journal entries, while the main section displays the contents of the selected entry. To keep the code organized and avoid hardcoding, I stored the journal entries in a JavaScript array of objects. Each object includes: A title A date The HTML content for that entry I developed JavaScript functions to: Dynamically generate the sidebar entries Show the selected journal content Open and close the Journal window Keep the Journal hidden when the page initially loads Challenges Faced During development, I encountered several bugs. At one point, the Journal window appeared inside the top bar due to incorrect HTML structure. I also accidentally created duplicate IDs and nested windows, which led to both windows moving simultaneously when dragged. After resolving these issues, the operating system became much more organized and interactive. Current Features The following features have been implemented: Welcome window Desktop top bar with a live clock Draggable windows Open and close buttons Desktop application icons Journal app Dynamically generated journal entries using JavaScript This project is gradually transforming into a genuine operating system rather than just a simple webpage. The codebase is also becoming more modular, facilitating future expansions for additional applications."}, {"post_id": 8894, "ts": "2026-06-14T20:09:46Z", "hours": 0.5447, "text": "Devlog 3 – Enhancing Interactivity in HackOS Today, I significantly improved HackOS by adding interactivity to the welcome window, making it feel more like a real operating system. Organization and Structure I began by organizing my project files. I moved my JavaScript code to a separate script.js file and my styles to style.css . This separation made the code cleaner and easier to navigate. Making the Welcome Window Draggable Next, I implemented drag functionality for the welcome window. Using JavaScript, I tracked the mouse position to update the window’s location as users drag it across the screen. I added a header area that serves as a handle, allowing the window to be moved only when dragging from the top section. Adding a Close Button I also introduced a close button in the top-right corner of the window. When clicked, this button hides the window by altering its display property. To reopen the window, I used the OS name in the top bar as a toggle. Clicking it makes the window visible again. Live Clock Integration Continuing from the previous project, I kept the live clock, which updates every second using JavaScript and remains visible in the top bar. Reusable CSS Classes To facilitate future expansions, I created reusable CSS classes for windows, headers, and buttons. This approach enables me to add more windows later without having to rewrite styles. Key Learnings Through this project, I gained insights into: Separating HTML, CSS, and JavaScript into distinct files Organizing elements using IDs and classes Implementing draggable HTML elements Creating reusable CSS classes Utilizing functions in JavaScript Adding click event listeners Dynamically opening and closing windows Positioning elements within a window header My favorite aspect was enabling the draggable functionality, which made the interface resemble a real desktop environment. I also enjoyed adding the close button, enhancing the window’s behavior to mirror traditional applications. Goals for Next Session Create a fictional open button resembling a taskbar, instead of using the title of the page. Follow the development guide to streamline progress."}, {"post_id": 8638, "ts": "2026-06-14T11:15:19Z", "hours": 0.6606, "text": "Devlog 1 – Building My Welcome Screen Today I created the welcome screen for my Personal OS using HTML and CSS. I started by creating a basic HTML page with a heading and a paragraph. After that, I added an image that represents me and included a link to one of my favorite websites. This helped make the page feel more personal. Next, I experimented with different styles. I changed the background color, adjusted the text colors, and selected a font that matched the look I wanted. I also resized my image and rounded its corners using the border-radius property. One challenge I encountered was making the image look the correct size without becoming stretched. I solved this by setting both the width and height and using styling to keep the image looking natural. Through this project, I learned about: HTML elements such as h1 , p , img , and a Adding images and links to a webpage Using inline CSS styles Changing colors, fonts, spacing, and image appearance Using margin and padding to improve layout My favorite part was customizing the page and making it feel like my own . In the future, I want to add windows, a desktop background, and interactive features using JavaScript. Devlog 2 – Creating My Desktop and Top Bar Today I expanded my Personal OS by creating a desktop layout and adding a top bar with a live clock. I started by placing all of my welcome screen content inside a div , which acts as a window. I added a border, rounded corners, padding, and a background color so the window stood out from the desktop background. Next, I added a desktop wallpaper by setting a background image on the body of the page. I used background-size: cover so the image would fill the screen properly. After creating the desktop, I built a top bar. I used a flexbox layout to place the OS name on one side and the time on the other. I also added a semi-transparent background to give it a more modern operating system appearance. Finally, I learned some basic JavaScript. I created a function that gets the current date and time using new Date().toLocaleString() . Then I displayed the time inside the top bar and used setInterval() to update it every second so the clock stays accurate. Through this project, I learned about: Using div elements as windows Positioning elements with position: absolute Centering content with transform: translate() Creating a desktop wallpaper with CSS Using Flexbox for layout Creating a top bar Writing basic JavaScript functions Updating webpage content with querySelector() and innerHTML Using setInterval() to run code repeatedly My favorite part was adding the live clock because it made the website feel more like a real operating system. Next, I would like to add more windows, applications, and interactive features to make the OS more useful. (I put both my devlogs in here because I forgot to post my first devlog)"}]...
|
Title: Custom WebOS by @yassinbs | Stardance
Devl Title: Custom WebOS by @yassinbs | Stardance
Devlogs:
Devlog 1 – Building My Welcome Screen Today I created the welcome screen for my Personal OS using HTML and CSS. I started by creating a basic HTML page with a heading and a paragraph. After that, I added an image that represents me and included a link to one of my favorite websites. This helped make the page feel more personal. Next, I experimented with different styles. I changed the background color, adjusted the text colors, and selected a font that matched the look I wanted. I also resized my image and rounded its corners using the border-radius property. One challenge I encountered was making the image look the correct size without becoming stretched. I solved this by setting both the width and height and using styling to keep the image looking natural. Through this project, I learned about: HTML elements such as h1 , p , img , and a Adding images and links to a webpage Using inline CSS styles Changing colors, fonts, spacing, and image appearance Using margin and padding to improve layout My favorite part was customizing the page and making it feel like my own . In the future, I want to add windows, a desktop background, and interactive features using JavaScript. Devlog 2 – Creating My Desktop and Top Bar Today I expanded my Personal OS by creating a desktop layout and adding a top bar with a live clock. I started by placing all of my welcome screen content inside a div , which acts as a window. I added a border, rounded corners, padding, and a background color so the window stood out from the desktop background. Next, I added a desktop wallpaper by setting a background image on the body of the page. I used background-size: cover so the image would fill the screen properly. After creating the desktop, I built a top bar. I used a flexbox layout to place the OS name on one side and the time on the other. I also added a semi-transparent background to give it a more modern operating system appearance. Finally, I learned some basic JavaScript. I created a function that gets the current date and time using new Date().toLocaleString() . Then I displayed the time inside the top bar and used setInterval() to update it every second so the clock stays accurate. Through this project, I learned about: Using div elements as windows Positioning elements with position: absolute Centering content with transform: translate() Creating a desktop wallpaper with CSS Using Flexbox for layout Creating a top bar Writing basic JavaScript functions Updating webpage content with querySelector() and innerHTML Using setInterval() to run code repeatedly My favorite part was adding the live clock because it made the website feel more like a real operating system. Next, I would like to add more windows, applications, and interactive features to make the OS more useful. (I put both my devlogs in here because I forgot to post my first devlog)
Devlog 3 – Enhancing Interactivity in HackOS Today, I significantly improved HackOS by adding interactivity to the welcome window, making it feel more like a real operating system. Organization and Structure I began by organizing my project files. I moved my JavaScript code to a separate script.js file and my styles to style.css . This separation made the code cleaner and easier to navigate. Making the Welcome Window Draggable Next, I implemented drag functionality for the welcome window. Using JavaScript, I tracked the mouse position to update the window’s location as users drag it across the screen. I added a header area that serves as a handle, allowing the window to be moved only when dragging from the top section. Adding a Close Button I also introduced a close button in the top-right corner of the window. When clicked, this button hides the window by altering its display property. To reopen the window, I used the OS name in the top bar as a toggle. Clicking it makes the window visible again. Live Clock Integration Continuing from the previous project, I kept the live clock, which updates every second using JavaScript and remains visible in the top bar. Reusable CSS Classes To facilitate future expansions, I created reusable CSS classes for windows, headers, and buttons. This approach enables me to add more windows later without having to rewrite styles. Key Learnings Through this project, I gained insights into: Separating HTML, CSS, and JavaScript into distinct files Organizing elements using IDs and classes Implementing draggable HTML elements Creating reusable CSS classes Utilizing functions in JavaScript Adding click event listeners Dynamically opening and closing windows Positioning elements within a window header My favorite aspect was enabling the draggable functionality, which made the interface resemble a real desktop environment. I also enjoyed adding the close button, enhancing the window’s behavior to mirror traditional applications. Goals for Next Session Create a fictional open button resembling a taskbar, instead of using the title of the page. Follow the development guide to streamline progress.
Devlog 4 - Creating My First App: Journal Today, I launched my first application for my personal operating system: the Journal app. I added an app icon to the desktop, allowing users to open the Journal window only when its icon is clicked, rather than having every window open automatically upon loading the website. I incorporated several systems I had previously built, including draggable windows, open and close functionality, and reusable styling. App Structure Inside the Journal app, I created a sidebar and a content area. The sidebar lists various journal entries, while the main section displays the contents of the selected entry. To keep the code organized and avoid hardcoding, I stored the journal entries in a JavaScript array of objects. Each object includes: A title A date The HTML content for that entry I developed JavaScript functions to: Dynamically generate the sidebar entries Show the selected journal content Open and close the Journal window Keep the Journal hidden when the page initially loads Challenges Faced During development, I encountered several bugs. At one point, the Journal window appeared inside the top bar due to incorrect HTML structure. I also accidentally created duplicate IDs and nested windows, which led to both windows moving simultaneously when dragged. After resolving these issues, the operating system became much more organized and interactive. Current Features The following features have been implemented: Welcome window Desktop top bar with a live clock Draggable windows Open and close buttons Desktop application icons Journal app Dynamically generated journal entries using JavaScript This project is gradually transforming into a genuine operating system rather than just a simple webpage. The codebase is also becoming more modular, facilitating future expansions for additional applications.
Devlog 5 - Creating an Advanced App: Projects Today, I developed my second desktop application for HackOS: the Projects app. One enhancement I integrated is the ability to click windows to bring them to the forefront. The app aims to showcase the projects I’ve created and provide users with an alternative way to navigate my operating system. What I Added I began by designing a new desktop icon labeled “Projects,” featuring a book icon positioned next to the Journal app. Next, I set up a new window for the application that includes: A draggable header A close button A content area for displaying project details I created a JavaScript array named projectsData to store information about my projects, with each project containing: A title A description The loadProjects() function I wrote iterates through the array and dynamically generates project cards within the app. Current projects include: AppleWebOS Journal App A placeholder for future projects Challenges I Encountered This project proved significantly more challenging than developing the Journal app. I spent considerable time troubleshooting why the Projects window wouldn’t open. The primary issue stemmed from an incorrect HTML structure; I had created the window’s header and content but neglected to establish the projectsWindow container that ties everything together. As a result, JavaScript couldn’t locate: var projectsWindow = document . querySelector ( " #projectsWindow " ); This oversight hindered the window-opening functionality. Additionally, I mistakenly placed the projects-content div within the header instead of below it. I also mixed up several IDs, including: projects projectsWindow projectsIcon This experience reinforced the importance of maintaining consistent naming conventions as projects expand. What I Learned I discovered that organization is becoming increasingly crucial. In a growing project like HackOS, minor errors in IDs or HTML structure can disrupt entire features, such as the draggable functionality. I also learned how to dynamically generate content using JavaScript arrays rather than hardcoding everything into the HTML. Current HackOS Features HackOS now boasts several features: A top bar displaying a live clock A Welcome window A Journal application A Projects application Draggable windows Open and close functionality Dynamic content loading Next Potential Steps I aim to continue enhancing HackOS by adding more applications and refining the visual design. Some ideas on my list include: Improved window animations Additional projects within the Projects app A settings application Enhanced styling More interactive desktop features HackOS is progressively evolving into a functioning operating system rather than just a simple webpage.
Ships:
It is a simple webos, I have added features like clicking on tabs to put them on top of other tabs, and the rest is pretty self explanatory. I explained everything briefly in my Devlogs....
|
1793134190.6572826
|
1793220590.6572826
|
|
19323
|
First 3D game by @yassinbs | Stardance
|
yassinbs
|
0
|
0.0
|
0
|
[]
|
[]
|
Title: First 3D game by @yassinbs | Stardance
|
1792882224.2605903
|
1793746224.2605903
|
|
25992
|
WarioWare Game by @yassinbs | Stardance
|
yassinbs
|
0
|
0.0
|
0
|
[]
|
[]
|
Title: WarioWare Game by @yassinbs | Stardance
|
1792925622.6523502
|
1793789622.6523502
|
|
28827
|
My own site! by @yassinbs | Stardance
|
yassinbs
|
0
|
0.0
|
0
|
[]
|
[]
|
Title: My own site! by @yassinbs | Stardance
|
1792950724.6498733
|
1793814724.6498733
|
|
28828
|
Personal Site by @yassinbs | Stardance
|
yassinbs
|
1
|
1.0
|
0
|
[{"ship_num": 1, "ts": "2026-0 [{"ship_num": 1, "ts": "2026-06-30T17:01:53Z", "hours": 1.0, "multiplier": null, "payout": 0, "blessing": "neutral", "text": "I built a personal website using HTML and CSS. It includes a navigation bar, an About section, a Projects section, and a Contact section. I also added a profile image and styled everything with custom CSS to make it look clean and modern. The hardest part was fixing layout issues, especially getting the text and image to align correctly in the hero section. I also had to experiment a bit with CSS properties like margin, padding, and display to make everything look balanced. I’m proud that I was able to turn a basic HTML structure into a fully styled website with multiple sections that actually look good and work properly. I also like the design I ended up with after tweaking colors and spacing. It’s a simple personal website. You can scroll through different sections using the navigation bar, and clicking the links will jump to each part of the page. It works best on a desktop browser, and no setup is required—just open the site.", "repo": "https://github.com/guccmanegu-eng/personal-site", "demo": "https://guccmanegu-eng.github.io/personal-site/"}]...
|
[{"post_id": 19347, "ts": "202 [{"post_id": 19347, "ts": "2026-06-30T16:58:05Z", "hours": 1.0386, "text": "Personal Website Devlog #1 Today I spent about an hour building my personal website. I started by creating the basic HTML structure, then added a navigation bar along with About, Projects, and Contact sections. After that, I linked an external CSS file and worked on styling the page. I experimented with different colors, fonts, spacing, borders, and rounded corners until I found a layout I liked. I also added a profile image and project cards. I ran into a small issue where the first line of text was appearing next to my profile picture instead of below it. After adjusting the CSS, I got the layout working the way I wanted. Finally, I cleaned up the code, checked that all of the navigation links worked correctly, and made a few final tweaks to the spacing and overall appearance. Overall, I’m happy with how the site turned out, and I learned a lot more about structuring pages with HTML and styling them with CSS."}]...
|
Title: Personal Site by @yassinbs | Stardance
Dev Title: Personal Site by @yassinbs | Stardance
Devlogs:
Personal Website Devlog #1 Today I spent about an hour building my personal website. I started by creating the basic HTML structure, then added a navigation bar along with About, Projects, and Contact sections. After that, I linked an external CSS file and worked on styling the page. I experimented with different colors, fonts, spacing, borders, and rounded corners until I found a layout I liked. I also added a profile image and project cards. I ran into a small issue where the first line of text was appearing next to my profile picture instead of below it. After adjusting the CSS, I got the layout working the way I wanted. Finally, I cleaned up the code, checked that all of the navigation links worked correctly, and made a few final tweaks to the spacing and overall appearance. Overall, I’m happy with how the site turned out, and I learned a lot more about structuring pages with HTML and styling them with CSS.
Ships:
I built a personal website using HTML and CSS. It includes a navigation bar, an About section, a Projects section, and a Contact section. I also added a profile image and styled everything with custom CSS to make it look clean and modern. The hardest part was fixing layout issues, especially getting the text and image to align correctly in the hero section. I also had to experiment a bit with CSS properties like margin, padding, and display to make everything look balanced. I’m proud that I was able to turn a basic HTML structure into a fully styled website with multiple sections that actually look good and work properly. I also like the design I ended up with after tweaking colors and spacing. It’s a simple personal website. You can scroll through different sections using the navigation bar, and clicking the links will jump to each part of the page. It works best on a desktop browser, and no setup is required—just open the site....
|
1793116364.4811552
|
1793202764.4811552
|
|
30328
|
My awesome macropad! by @yassinbs | Stardance
|
yassinbs
|
0
|
0.0
|
0
|
[]
|
[]
|
Title: My awesome macropad! by @yassinbs | Stardan Title: My awesome macropad! by @yassinbs | Stardance...
|
1792939982.049918
|
1793803982.049918
|
|
41609
|
Study Assistant by @yassinbs | Stardance
|
yassinbs
|
2
|
13.0
|
36
|
[{"ship_num": 1, "ts": "2026-0 [{"ship_num": 1, "ts": "2026-08-05T22:30:01Z", "hours": 5.0, "multiplier": 1.7, "payout": 9, "blessing": "neutral", "text": "Study assistant is a free solution for students that don’t have much money to buy online solutions. Simple stuff for now, like a study timer, homework calendar, and grades. Study timer is to remain focused for as long as the timer is running. Grades is to see your grades and averages. Homework calendar shows scheduled homework. The grades page is still a work in progress, and is NOT finished.", "repo": "https://github.com/guccmanegu-eng/study-assistant", "demo": "https://study-assistant-bijc.vercel.app/"}, {"ship_num": 2, "ts": "2026-07-30T08:07:33Z", "hours": 8.0, "multiplier": 3.4, "payout": 27, "blessing": "neutral", "text": "I built a free solution for students that will help them with their school, and is fun to use. The biggest problems i ran into was making a horizontal hover scroll on the main page, putting the racoon in the good spot on the grades page (even when the window is stretched), and adding caution lines in the grades page.", "repo": "https://github.com/guccmanegu-eng/study-assistant", "demo": "https://study-assistant-bijc.vercel.app/"}]...
|
[{"post_id": 41611, "ts": "202 [{"post_id": 41611, "ts": "2026-08-05T22:28:49Z", "hours": 1.0528, "text": "Made the levels work! I added functionallity to the levels and xp on the webapp. Right now the only way to get XP is by completing homework. When you click the checkbox next to homework, it will mark it as completed and grant you 50xp, will be adding quests and more in the future."}, {"post_id": 39982, "ts": "2026-08-03T10:18:47Z", "hours": 2.3353, "text": "#Added full functionality to the webapp! Today i was working hard on adding accounts. I added a registration page, and a login page. Both pages work by sending the information a user inputs in a to a database i created for free on neon. I also added login and sign in button to the home page, and added a welcome back message with the actual user’s name!"}, {"post_id": 38976, "ts": "2026-08-01T16:25:28Z", "hours": 1.7456, "text": "Added add and delete homework functionallity + added it to local storage so it gets saved!"}, {"post_id": 37480, "ts": "2026-07-30T08:03:28Z", "hours": 7.8347, "text": "Devlog #1: The last few days I have been working on a study assistant. The main focus for this project is to make something that is actually useful for students, and also fun to use. The first prototype had a boring dark grey look. I personally really like the horizons.hackclub.com page, so I made that the main design of my site. The design was really time consuming for my project, but I made it work. After this I added the simple timer page, and added a Homework page. These were pretty easy to make, since they are just simple coding without any external API’ s or other tools. The grades page is till now my biggest issue, I want to add API’s from different school systems, but the problem is those API’s aren’t available. You need to request them, and since I am not a big name at all, there is no reason for them to give it to me. So I changed the grades page to say it’s still a work in progress. Even that was quite difficult for me. I had to put an image of a racoon in the bottom right of a window to get the design i liked. But the racoon kept going up or down when stretching the page. After a while i fixed that issue, and started working on an inventory section, where students can earn coins, or cosmetics for their future study buddy. I haven’t built anything around the study buddy yet, so stay tuned for that!"}]...
|
Title: Study Assistant by @yassinbs | Stardance
D Title: Study Assistant by @yassinbs | Stardance
Devlogs:
Devlog #1: The last few days I have been working on a study assistant. The main focus for this project is to make something that is actually useful for students, and also fun to use. The first prototype had a boring dark grey look. I personally really like the horizons.hackclub.com page, so I made that the main design of my site. The design was really time consuming for my project, but I made it work. After this I added the simple timer page, and added a Homework page. These were pretty easy to make, since they are just simple coding without any external API’ s or other tools. The grades page is till now my biggest issue, I want to add API’s from different school systems, but the problem is those API’s aren’t available. You need to request them, and since I am not a big name at all, there is no reason for them to give it to me. So I changed the grades page to say it’s still a work in progress. Even that was quite difficult for me. I had to put an image of a racoon in the bottom right of a window to get the design i liked. But the racoon kept going up or down when stretching the page. After a while i fixed that issue, and started working on an inventory section, where students can earn coins, or cosmetics for their future study buddy. I haven’t built anything around the study buddy yet, so stay tuned for that!
Added add and delete homework functionallity + added it to local storage so it gets saved!
#Added full functionality to the webapp! Today i was working hard on adding accounts. I added a registration page, and a login page. Both pages work by sending the information a user inputs in a to a database i created for free on neon. I also added login and sign in button to the home page, and added a welcome back message with the actual user’s name!
Made the levels work! I added functionallity to the levels and xp on the webapp. Right now the only way to get XP is by completing homework. When you click the checkbox next to homework, it will mark it as completed and grant you 50xp, will be adding quests and more in the future.
Ships:
I built a free solution for students that will help them with their school, and is fun to use. The biggest problems i ran into was making a horizontal hover scroll on the main page, putting the racoon in the good spot on the grades page (even when the window is stretched), and adding caution lines in the grades page.
Study assistant is a free solution for students that don’t have much money to buy online solutions. Simple stuff for now, like a study timer, homework calendar, and grades. Study timer is to remain focused for as long as the timer is running. Grades is to see your grades and averages. Homework calendar shows scheduled homework. The grades page is still a work in progress, and is NOT finished....
|
1793224202.0362186
|
1793310602.0362186
|
|
45120
|
Hackaworld by @yassinbs | Stardance
|
yassinbs
|
0
|
0.0
|
0
|
[]
|
[]
|
Title: Hackaworld by @yassinbs | Stardance
|
1792612376.0030293
|
1793217176.0030293
|
|
71035
|
My first slack bot! by @yassinbensalem | Stardance
|
yassinbensalem
|
0
|
0.0
|
0
|
[]
|
[]
|
Title: My first slack bot! by @yassinbensalem | St Title: My first slack bot! by @yassinbensalem | Stardance...
|
1792763235.0764863
|
1793368035.0764863
|
|
34646
|
My own site! by @yassinadeleid | Stardance
|
yassinadeleid
|
0
|
0.0
|
0
|
[]
|
[]
|
Title: My own site! by @yassinadeleid | Stardance
|
1792752610.347393
|
1793357410.347393
|
|
53764
|
Firedrop by @yassin | Stardance
|
yassin
|
0
|
0.0
|
0
|
[]
|
[]
|
Title: Firedrop by @yassin | Stardance
|
1792907608.8173733
|
1793771608.8173733
|
|
44895
|
ai chat bot by @yasseralr | Stardance
|
yasseralr
|
0
|
0.0
|
0
|
[]
|
[]
|
Title: ai chat bot by @yasseralr | Stardance
|
1792601708.6370533
|
1793206508.6370533
|
|
58942
|
AEROSERVE AI by @yasser_kabbouri | Stardance
|
yasser_kabbouri
|
0
|
0.0
|
0
|
[]
|
[]
|
Title: AEROSERVE AI by @yasser_kabbouri | Stardanc Title: AEROSERVE AI by @yasser_kabbouri | Stardance...
|
1792774372.9921217
|
1793379172.9921217
|
|
4313
|
Silo IT Terminal by @yassen | Stardance
|
yassen
|
0
|
1.02
|
0
|
[]
|
[{"post_id": 1018, "ts": "2026 [{"post_id": 1018, "ts": "2026-06-02T20:12:59Z", "hours": 0.4947, "text": "Deploying the Silo IT Terminal 24/7 What I built today: I completely overhauled my Slack bot into The Silo IT Terminal (v1.0)—an immersive, dystopian mainframe inspired by the sci-fi series Silo. After writing a baseline script, I ran into some classic Git sync roadblocks and local drive space issues, but I pushed through, cleaned up my repository, and successfully deployed it to the cloud! ✨ Core Features Implemented: status: Displays a sub-level mechanical diagnostics readout (steam levels, fan efficiency) wrapped in clean markdown. outside: A text monitor that detects forbidden phrases. If a citizen mentions the exterior landscape, it fires back a stylized Slack Block Kit UI card flagging a Pact Violation. scavenge: Built a Role-Based Access Control (RBAC) layer. It checks the user’s unique Slack Member ID. If anyone else searches for artifacts, access is denied. If I use it, it bypasses the system to retrieve a randomized, forbidden pre-historic relic."}, {"post_id": 914, "ts": "2026-06-02T17:31:13Z", "hours": 0.525, "text": "Hey everyone! Just built my very first Slack bot, and unlike the rest of us, this one isn’t slacking off—it’s running 24/7 directly out of my Windsurf editor! 💻⚡️ I wanted to do something cooler than just a basic “Hello World” bot, so I’m turning it into an interactive system inspired by the Silo TV series. Right now, it mimics an ancient underground IT terminal embedded in the deep down of the Silo. Upcoming features: 📋 System Diagnostics: Type @Bot status to get live readouts of the 144 levels, steam pressure, and sensor status. ⚠️ Judicial Overrides: Try asking about the “Outside” and the bot will flag you for a Level 1 infraction against the Pact. 🛠️ A role-based permission system recognizing the Head of IT vs. standard citizens. 🧹 A moderation system where you can sentence rule-breakers to “Go out for a cleaning.” 📦 A “Relic Archive” database where users can scavenge for forbidden artifacts from the before-times. “In the event of a failed terminal, please contact the Head of IT. Do not look through the lens.” 👁️📟"}]...
|
Title: Silo IT Terminal by @yassen | Stardance
De Title: Silo IT Terminal by @yassen | Stardance
Devlogs:
Hey everyone! Just built my very first Slack bot, and unlike the rest of us, this one isn’t slacking off—it’s running 24/7 directly out of my Windsurf editor! 💻⚡️ I wanted to do something cooler than just a basic “Hello World” bot, so I’m turning it into an interactive system inspired by the Silo TV series. Right now, it mimics an ancient underground IT terminal embedded in the deep down of the Silo. Upcoming features: 📋 System Diagnostics: Type @Bot status to get live readouts of the 144 levels, steam pressure, and sensor status. ⚠️ Judicial Overrides: Try asking about the “Outside” and the bot will flag you for a Level 1 infraction against the Pact. 🛠️ A role-based permission system recognizing the Head of IT vs. standard citizens. 🧹 A moderation system where you can sentence rule-breakers to “Go out for a cleaning.” 📦 A “Relic Archive” database where users can scavenge for forbidden artifacts from the before-times. “In the event of a failed terminal, please contact the Head of IT. Do not look through the lens.” 👁️📟
Deploying the Silo IT Terminal 24/7 What I built today: I completely overhauled my Slack bot into The Silo IT Terminal (v1.0)—an immersive, dystopian mainframe inspired by the sci-fi series Silo. After writing a baseline script, I ran into some classic Git sync roadblocks and local drive space issues, but I pushed through, cleaned up my repository, and successfully deployed it to the cloud! ✨ Core Features Implemented: status: Displays a sub-level mechanical diagnostics readout (steam levels, fan efficiency) wrapped in clean markdown. outside: A text monitor that detects forbidden phrases. If a citizen mentions the exterior landscape, it fires back a stylized Slack Block Kit UI card flagging a Pact Violation. scavenge: Built a Role-Based Access Control (RBAC) layer. It checks the user’s unique Slack Member ID. If anyone else searches for artifacts, access is denied. If I use it, it bypasses the system to retrieve a randomized, forbidden pre-historic relic....
|
1792612115.6963148
|
1793216915.6963148
|
|
1119
|
Thingy by @yass | Stardance
|
yass
|
0
|
0.0
|
0
|
[]
|
[]
|
Title: Thingy by @yass | Stardance
|
1793195654.184593
|
1793800454.184593
|
|
70096
|
My awesome macropad! by @yasminerahmani | Stardanc My awesome macropad! by @yasminerahmani | Stardance...
|
yasminerahmani
|
0
|
0.0
|
0
|
[]
|
[]
|
Title: My awesome macropad! by @yasminerahmani | S Title: My awesome macropad! by @yasminerahmani | Stardance...
|
1792958040.6699696
|
1793562840.6699696
|
|
26445
|
My very own WebOS by @yasmine_2425544 | Stardance
|
yasmine_2425544
|
0
|
0.0
|
0
|
[]
|
[]
|
Title: My very own WebOS by @yasmine_2425544 | Sta Title: My very own WebOS by @yasmine_2425544 | Stardance...
|
1792784857.6329725
|
1793389657.6329725
|
|
18477
|
Yelp camp project by @yasmine | Stardance
|
yasmine
|
0
|
0.0
|
0
|
[]
|
[]
|
Title: Yelp camp project by @yasmine | Stardance
|
1792662575.0656636
|
1793267375.0656636
|
|
43304
|
My very own WebOS by @yasmindaniii | Stardance
|
yasmindaniii
|
0
|
0.0
|
0
|
[]
|
[]
|
Title: My very own WebOS by @yasmindaniii | Starda Title: My very own WebOS by @yasmindaniii | Stardance...
|
1793216910.3654356
|
1793821710.3654356
|
|
43930
|
My first slack bot! by @yasmincappi | Stardance
|
yasmincappi
|
0
|
0.0
|
0
|
[]
|
[]
|
Title: My first slack bot! by @yasmincappi | Stard Title: My first slack bot! by @yasmincappi | Stardance...
|
1792565574.033084
|
1793170374.033084
|
|
38621
|
My own site! by @yasmina08 | Stardance
|
yasmina08
|
0
|
0.0
|
0
|
[]
|
[]
|
Title: My own site! by @yasmina08 | Stardance
|
1792637315.5866785
|
1793242115.5866785
|
|
14514
|
My awesome macropad! by @yasith-tharuka | Stardanc My awesome macropad! by @yasith-tharuka | Stardance...
|
yasith-tharuka
|
0
|
0.0
|
0
|
[]
|
[]
|
Title: My awesome macropad! by @yasith-tharuka | S Title: My awesome macropad! by @yasith-tharuka | Stardance...
|
1792738056.646991
|
1793342856.646991
|
|
21135
|
My first slack bot! by @yasir | Stardance
|
yasir
|
0
|
0.0
|
0
|
[]
|
[]
|
Title: My first slack bot! by @yasir | Stardance
|
1792569282.9223402
|
1793174082.9223402
|
|
63109
|
My very own WebOS by @yasin2010 | Stardance
|
yasin2010
|
0
|
0.0
|
0
|
[]
|
[]
|
Title: My very own WebOS by @yasin2010 | Stardance
|
1793048055.4895306
|
1793652855.4895306
|
|
63111
|
Video Game by @yasin2010 | Stardance
|
yasin2010
|
0
|
0.0
|
0
|
[]
|
[]
|
Title: Video Game by @yasin2010 | Stardance
|
1793048056.3346407
|
1793652856.3346407
|
|
56045
|
An fast and easy to use Pos billing app by @yashwa An fast and easy to use Pos billing app by @yashwanthgowda766 | Stardance...
|
yashwanthgowda766
|
0
|
0.0
|
0
|
[]
|
[]
|
Title: An fast and easy to use Pos billing app by Title: An fast and easy to use Pos billing app by @yashwanthgowda766 | Stardance...
|
1792644599.573022
|
1793249399.573022
|
|
25945
|
WarioWare Game by @yashwanthganji04 | Stardance
|
yashwanthganji04
|
0
|
0.0
|
0
|
[]
|
[]
|
Title: WarioWare Game by @yashwanthganji04 | Stard Title: WarioWare Game by @yashwanthganji04 | Stardance...
|
1792651974.654142
|
1793256774.654142
|
|
25946
|
Untitled by @yashwanthganji04 | Stardance
|
yashwanthganji04
|
0
|
0.0
|
0
|
[]
|
[]
|
Title: Untitled by @yashwanthganji04 | Stardance
|
1792734780.8110037
|
1793339580.8110037
|
|
32914
|
My own Linktree page! by @yashwanth-m | Stardance
|
yashwanth-m
|
1
|
0.0
|
0
|
[{"ship_num": 1, "ts": "2026-0 [{"ship_num": 1, "ts": "2026-07-14T12:55:12Z", "hours": 0.0, "multiplier": null, "payout": 0, "blessing": "neutral", "text": "I made my own Linktree page! I wanted to create a Linktree account, but I realized that a Linktree page is just a bunch of tags, that’s it. So, why not make my own? That’s exactly what I did here. I made my own Linktree page… in my style. ;)", "repo": "https://github.com/yash-2008-yash/my-linktree", "demo": "https://yashwanth-linktree.vercel.app/"}]...
|
[{"post_id": 28268, "ts": "202 [{"post_id": 28268, "ts": "2026-07-14T12:49:20Z", "hours": 0.4461, "text": "Hey, guys! I made my own version of Linktree page. I mean, if you think about it, a Linktree page is a bunch of tags, that’s it. So, why not make my own? That’s exactly what I did here. Instead of creating a Linktree account, I made my own Linktree page. Check it out: https://yashwanth-linktree.vercel.app/"}]...
|
Title: My own Linktree page! by @yashwanth-m | Sta Title: My own Linktree page! by @yashwanth-m | Stardance
Devlogs:
Hey, guys! I made my own version of Linktree page. I mean, if you think about it, a Linktree page is a bunch of tags, that’s it. So, why not make my own? That’s exactly what I did here. Instead of creating a Linktree account, I made my own Linktree page. Check it out: https://yashwanth-linktree.vercel.app/
Ships:
I made my own Linktree page! I wanted to create a Linktree account, but I realized that a Linktree page is just a bunch of tags, that’s it. So, why not make my own? That’s exactly what I did here. I made my own Linktree page… in my style. ;)...
|
1793127233.4843256
|
1793213633.4843256
|
|
32944
|
ShawtY by @yashwanth-m | Stardance
|
yashwanth-m
|
0
|
0.0
|
0
|
[]
|
[]
|
Title: ShawtY by @yashwanth-m | Stardance
|
1792558183.1530924
|
1793162983.1530924
|
|
1591
|
cake game by @yashwaghmare9766 | Stardance
|
yashwaghmare9766
|
0
|
0.0
|
0
|
[]
|
[]
|
Title: cake game by @yashwaghmare9766 | Stardance
|
1792713177.7270586
|
1793317977.7270586
|
|
26512
|
My awesome macropad! by @yashviverma | Stardance
|
yashviverma
|
0
|
0.0
|
0
|
[]
|
[]
|
Title: My awesome macropad! by @yashviverma | Star Title: My awesome macropad! by @yashviverma | Stardance...
|
1793213538.8233337
|
1793818338.8233337
|
|
26519
|
Untitled by @yashviverma | Stardance
|
yashviverma
|
0
|
0.0
|
0
|
[]
|
[]
|
Title: Untitled by @yashviverma | Stardance
|
1792777805.153036
|
1793382605.153036
|