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

Ninjago WEBOS

  • 7 Devlogs
  • 9 Total hours

This is my very own OS that can be run in the web!

Ship #1 Pending review

Hello Reviewers! This is my custom WebOS themed around Ninjago, which I hope to eventually use for a bigger cyberdeck project. There are currently 4 applications and 3 windows, as one of the applications is Spotify opening in a new tab. The other three include the welcome window, ninjanotes window, and the calculator window. Both the notes app and the calculator app rely heavily on JavaScript, and the notes app even uses localStorage to store notes on your device. The main problem was my inexperience using JavaScript, but with the help of the guide and AI, I was able to learn and make these applications. In fact, it taught me some cool styling details, like how to make buttons hover! I hope you will like my WebOS, and I hope to grow it in the future!

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

1h 20m 5s logged

Another App Done!

After finishing Ninjanotes, I went on to make two apps (one of which is Spotify, but it just opens in a new browser for now). The thing that I spent most of this time on was the Calculator App. Since I still have almost no idea how to use JavaScript, I got AI help again, but I didn’t just copy its code. It taught me what to do myself and helped me debug problems, one of which was the new full-screen feature that’s included in all windows. I also made it generate icons, but I will eventually replace them with my own art, because they look horrendous. Anyway, that’s it for now, and I’m going to get the GitHub Page ready for my first ship because, as of now, I have done the requirements. However, I will still keep working on this, so stay tuned!

0
0
6
Open comments for this post

2h 7m 58s logged

Ninjanotes is done! First major change: the styling, which looks AWESOME. Next, I added a delete, edit, and add note button, making it a full fledged note taking app. Also, the icons for each note look like scrolls! I’m onto the next app now, so what should I make? I need your help.

0
0
33
Open comments for this post

1h 7m 38s logged

Added some functionality to the NinjaNotes app. It took some time because I didn’t really understand the JavaScript in the guide, but I got it to work with AI guidance. I also forgot to mention that I added a close button for the topbar to prevent it from getting in the way at times.

2
0
20
Open comments for this post

1h 32m 27s logged

Through following the guide, I made the window draggable, with an open and close button, and a header for the window. Some minor details include centering the stuff on the welcome screen and putting all of the styles in a css file.

0
0
8
Open comments for this post

1h 23m 19s logged

Made the Landing window, the background, and the top bar. Again, like my last project, it’s based on Ninjago(I can’t really think of anything else), but it’s fine because I plan to make peripherals for my desk all based on different Ninjago characters. So far, I’ve done a Kai-themed Hackpad, and now I’m making a webOS for the eventual bigger project of a Lloyd-themed Cyberdeck!(ik cool right?) Anyway, because I still have to get a bit used to HTML, this might take a bit of time, but working on my personal site helped me improve my html/css skills, so it’ll be alright. Anyway, stay tuned!

2
0
18

Delete project?

Are you sure you want to permanently delete this project? This action cannot be undone.

All devlogs, followers, and associated data will be removed.

Followers

Loading…