My very own WebOS - Stardance

Ship #1

@rushilw07 on My very own WebOS · about 1 month ago

I made my very first Web OS browser called Shrek OS. It is named and created after the movie character Shrek. Hence, the browser is Shrek themed, with a green background and specifically themed applications. Inside the OS, I have created three apps: “characters”, “notes”, and “calculator”. Each app serves its own specific purpose.

What was challenging during this exciting process was the time section on the top right corner of the top window bar. Additionally, making my own apps without guidance seemed challenging at first; however, after creating a “notes” app with guidance from the guide, the personally created apps did not put up much of a challenge.

I am most proud of learning new concepts in HTML and CSS, since I already had a strong understanding of JavaScript. Furthermore, I did not think I would be able to make three apps by myself and I still did. So I am very proud of that as well.

ShrekOS includes three draggable apps that open into windows, with the main page opening by clicking on the top left bar which reads “Shrek OS”.

3 devlogs
4h
WebOS 1

Try project → See source code →

Open comments for this post

@rushilw07 on My very own WebOS · about 1 month ago

22m 14s logged

I finally finished my third app for ShrekOS. I added to Javascript and HTML. I used event handlers and arithmetic operators to create a simple working calculator. I also used DOM manipulation through javascript in order to update the calculator’s display. This is similar to the clock I made earlier for ShrekOS. I am going to continue fixing any bugs and change the layout/style to my liking. Other than that, ShrekOS has officially been completed.

Open comments for this post

@rushilw07 on My very own WebOS · about 1 month ago

17m 39s logged

I have currently been fixing bugs in ShrekOS. I changed the “Characters” app’s background to white so the background of the OS does not overlap. It looks way better now. I am going to make a similar change to my welcome page next.

Open comments for this post

@rushilw07 on My very own WebOS · about 1 month ago

3h 18m 51s logged

ShrekOS
This is my first dev log. This is my personal OS created after the amazing Shrek. I have added two apps so far to make the desktop experience better. The top left part of the bar which reads “Shrek OS” can be clicked to open the main draggable window with two Shrek images and a description of him. The “Characters” app has specific information of different characters from the Shrek movie. The notes app has blog posts and notes for the user.