My Basketball OS - A Web OS Portfolio banner

My Basketball OS - A Web OS Portfolio

2 devlogs
2h 37m 17s

Basketball OS is a fully functional web-based operating system that I built to showcase my love for basketball instead of having a boring portfolio website! It features 5 custom apps including Basketball Legends (showcasing NBA/WNBA GOATs like MJ …

Basketball OS is a fully functional web-based operating system that I built to showcase my love for basketball instead of having a boring portfolio website! It features 5 custom apps including Basketball Legends (showcasing NBA/WNBA GOATs like MJ and Diana Taurasi), About Me with my team championship photos, My Journey documenting our intense 45-43 championship win, My Goals for the upcoming season, and a Game Music app with embedded Spotify playlists for warmups and workouts. All windows are draggable, there’s a live clock, keyboard shortcuts, and everything is themed with basketball court aesthetics and orange gradients. Future plans include adding a stats tracker, playbook diagrams, and making it mobile-responsive so I can show it off on my phone.

This project uses AI

used claude for debugging

Demo Repository

Loading README...

Elizabeth

Shipped this project!

I built Basketball OS , a fully functional web-based operating system themed around my love for basketball! Instead of making a boring portfolio site, I created an entire OS with 5 custom apps: Basketball Legends showcasing NBA/WNBA GOATs, About Me with photos from our championship season, My Journey documenting our intense 45-43 final game win, My Goals for next season, and a Game Music app with embedded Spotify playlists. The hardest part was getting the window dragging to work smoothly and making sure everything looked cohesive with the basketball court theme, but I figured it out by carefully following the Hack Club webOS guide and customizing every detail to tell MY story. I’m really proud of how I personalized everything from adding our team championship photos to writing about that clutch final game where we won 45-43. This is my first real web project and seeing it all come together with working windows, a live clock, and my actual basketball journey feels amazing!

Elizabeth

I followed the Hack Club webOS guide and customized it to be all about basketball.
What I accomplished:

Created a welcome screen with an animated basketball icon and orange gradient background

Attachment
0