ColemanOS - Stardance

Ship #2

ColemanOS WebOS 2 Update!

Keon Coleman-themed WebOS

This WebOS features a notes/news article app with 3 articles about Keon Coleman. The last article is from https://www.buffalorumblings.com/authors/anthony-marino.

It also features a live Weather app for the weather in Buffalo, NY. It uses the API from Open-Meteo. Finally, it has a cool quote generator with most of his popular quotes!

WebOS 2 Features: I added 3 apps:

Settings app, change color of top bar and background
Macy’s Store app, browse through Macy’s coat deals
Cookie Clicker, because Keon loooooves cookies
DISCLAIMER: AI WAS USED! I used Gemini to explain the guide when it got confusing, explain errors in my code, and explain how to use an API in JavaScript.

This was made to publish as a project in Stardance for Hack Club, but it serves as a fun, goofy project.

1 devlog
1h
5.76x multiplier
7 Stardust
WebOS 2

Try project → See source code →

Open comments for this post

@rushurov on ColemanOS · 18 days ago

1h 16m 7s logged

This is my WebOS 2 Devlog! I added 3 new apps. Settings app, change color of top bar and background Macy’s Store app, browse through Macy’s coat deals Cookie Clicker, because Keon loooooves cookies! I also changed some of the app icons to make them a little more unique. Please be generous rating it 🙏

Ship #1

@rushurov on ColemanOS · 2 months ago

I made my first project in Hack Club!!! My version of WebOS is a Keon Coleman-themed one. Keon Coleman has been basically my favorite NFL player since he was drafted. Even through all the hate he gets, I still buy his jerseys. This WebOS has a little welcome page with a description of who he is, then an article app with a real news post, a weather app that I had to use AI to learn how to implement an API into Javascript that shows the live weather in Buffalo, NY, and finally a little quote generator that randomly shows you his most popular quotes. Honestly, the hardest part was following along with the guide because half the time it would say something and then it would feel like something just was created out of nowhere and it got confusing. I ended up using AI to analyze the guide and walk me through it because the directions were losing me lol. Ultimately, this was super fun and I can’t wait to keep making more projects here!

6 devlogs
4h
WebOS 1

Try project → See source code →

Open comments for this post

@rushurov on ColemanOS · 2 months ago

15m 14s logged

I forgot to add the feature that isn’t in the guide, so I made an app called Keon Quotesman. It’s exactly what it sounds like, it just randomly generates most of his most popular quotes.

Open comments for this post

@rushurov on ColemanOS · 2 months ago

17m 59s logged

Finished WebOS1, I added a Weather app, moved the icons, and used the Open-Meteo API for the weather app. I did have to ask AI how to use an API, and the new news report in the colemanotes app is a real post from https://www.buffalorumblings.com/authors/anthony-marino. Gotta give credit where its due

Open comments for this post

@rushurov on ColemanOS · 2 months ago

50m 15s logged

Finished Part 4 of WebOS1. I added a new app, Colemanotes, where news reports and articles about Keon Coleman are made. I used a very formal picture of Keon Coleman for the icon so people know that this is very serious.

Open comments for this post

@rushurov on ColemanOS · 2 months ago

58m 7s logged

Finished Part 3 of WebOS1. After looking up a tutorial on YouTube on how to make things look Apple-themed in CSS, I changed the box to look kinda like the new liquid glass. Here is also where the window is draggable and closable.

Open comments for this post

@rushurov on ColemanOS · 2 months ago

1h 12m 41s logged

Finished Part 2 of WebOS1. Here I finally added some more Keon Coleman theme, and found out how to use the thick border from W3 Schools and their CSS tags page. I also created a top bar with a pill shaped gif in the center to match the Dynamic Island on the iPhone.

Open comments for this post

@rushurov on ColemanOS · 2 months ago

39m 33s logged

Finished Part 1 of WebOS1. This is my first attempt at actually writing HTML in a very long time, so its super basic and matches Buffalo Bills colors!