Marvel WebOS - Stardance

Ship #2

I made a Marvel-themed WebOS. My OS has the 4 apps shown in the image: a welcome page, quote generator, terminal, and calculator. The terminal lets you change the wallpaper (there are 4 options). All the wallpapers fit the same vibe so that the black and red style will still work no matter the wallpaper. I really did this project to have fun making something that ties to one of my interests and focus more on being creative rather than learning new coding. That being said, I usually do Java projects or websites, so making a WebOS was new to me. I learned some new skills, including the JS for the calculator, how to use a video, and in general how to make a terminal. I think my favorite app is the quote generator because it was really fun to handpick 20+ of the best marvel quotes to use. Making the terminal and calculator were also cool though. I hope you enjoy this project as much as I enjoyed making it!

2 devlogs
7h
7.92x multiplier
59 Stardust
WebOS 2

Try project → See source code →

Open comments for this post

@Skye on Marvel WebOS · 14 days ago

7h 8m 43s logged

I’ve added two apps and wallpaper options! Now, there is a welcome tab, a quote generator, a JARVIS style terminal, and a calculator. The welcome tab plays the marvel intro, the quote generator rotates through >20 of the best marvel quotes, the terminal has around 10 commands, and the calculator, well, it’s a calculator. Using the terminal, there are 4 options for wallpapers (options 2 and 3 are my fav). I also made it so everything is fitting the same black and red vibe.

Open comments for this post

@Skye on Marvel WebOS · 16 days ago

18m 4s logged

added a README (oops i forgot earlier lol)

Ship #1

@Skye on Marvel WebOS · 16 days ago

I made my first-ever WebOS - Marvel themed. It has a welcome page that plays the marvel intro and a quote generator that rotates through a collection of the best marvel quotes. It was challenging to learn so much JS because I've never really learned it or used it that much - but I was glad to learn it! I don't feel like formally finished because I'm excited to add to it for the WebOS2 track. I have some ideas for apps I'm going to add and I look forward to doing some overall polishing. For now, I'm super proud that I was able to actually make a WebOS in only 5 hours without any major problems.

3 devlogs
5h
WebOS 1

Try project → See source code →

Open comments for this post

@Skye on Marvel WebOS · 16 days ago

1h 48m 13s logged

I created a quote generator (ofc all marvel quotes) as one of the apps on my webOS. I have 23 quotes that it rotates through, which felt like a good number when I was flipping through them.

Open comments for this post

@Skye on Marvel WebOS · 16 days ago

1h 41m 3s logged

My welcome window is closable, openable, and draggable. It plays the marvel intro on a loop. I have a green welcome button to open it that I’m going to re-style towards the end, with the other apps.

Open comments for this post

@Skye on Marvel WebOS · 17 days ago

1h 37m 17s logged

I started making the desktop and the welcome page. I don’t have the text in the top bar quite aligned so I need to fix that. I’m super excited though!