You are browsing as a guest. Sign up (or log in) to start making projects!

ColemanOS

  • 6 Devlogs
  • 4 Total hours

Keon Coleman themed WebOS

Ship #1

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!

Try project → See source code →
Open comments for this post

15m 7s 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.

0
0
3
Open comments for this post

50m 14s 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.

0
0
3
Open comments for this post

58m 4s 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.

0
0
5
Open comments for this post

1h 11m 49s 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.

0
0
5
Open comments for this post

35m 55s 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!

0
0
11

Followers

Loading…