stardance has been extended another month! the new deadline is october 31 :)

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

WayneWebOS

  • 5 Devlogs
  • 24 Total hours

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

This project was vetted by Shipwrights and is now up for voting. You can ship again after making more updates.

Shipwright walkthrough

Open comments for this post

42m 23s logged

Improved performance

After I ran the Lighthouse analytics, I realized that my webOS loaded too slowly, so I decided to fix it: removed the font awesome script and instead used svg tags for icons, compressed all teh big images, used defer on heavy scripts, removed teh custom cursor since the diamond sword was too heavy for a cursor.

0
0
175

This needs changes before we can consider it shipped. Review the Shipwright feedback, make updates, then ship again.

Shipwright walkthrough

This needs changes before we can consider it shipped. Review the Shipwright feedback, make updates, then ship again.

Shipwright walkthrough

Open comments for this post

58m 17s logged

I improved my WebOS:

I had to improve the CSS and replace all the images since they were AI-generated. Now, the website loads much faster and the code is cleaner.

0
0
127

This needs changes before we can consider it shipped. Review the Shipwright feedback, make updates, then ship again.

Shipwright walkthrough

Ship #1

I build WayneWebOS!

It’s a webos with 8 apps, toolbar, time & date UI, battery, and security indicators. There is a menu app where u can open all otehr apps:

  • To Do
  • Settings (customization)
  • Notepad
  • Gallery
  • Calculator
  • Console
  • Clock
  • Browser
    All apps are working and feature basic functionality.

The most challenging part was making a Notepad and Clock app. I used Quill library for formatting in notepad and both timer and countdown took more several hours to make each. I rewrote the logic manu times, used Qwen for helping me find the right methods, then coded everything myself.

I’m proud of building such a huge functionable webos myself in pure HTML/CSS/JS. I really leveled up my JavaScript skills thanks to this project.

I want people to test every app and its basic functionality, click every button. Test layout. Important note: the webos is not meant to be responsive, so test it only on desktop devices! Enjoy! :]

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

9h 31m 21s logged

I finished my WebOS!

The latest apps I added were Console, Calculator, and Gallery. Also, I had to compress the images, because they slowed down the website too much. Now it’s a fully functional webos with 8 apps, plus I added Settings for customization, there are 3 themes and u can change layout. Enjoy! ;]

0
0
111
Open comments for this post

6h 31m 12s logged

Browser, Settings, and Notepad!

my webOS is expanding with new features: browser uses Programmable Searcj Engine by Goggle, which is simple and effective and I can choose which sources it can display. Settings allows cutomization - 3 themes & colors and 2 layouts. Notepad uses Quill for formatting.

also, u can now try the webOS live: https://wayne-14e.github.io/WebOS/

to be continued…

0
0
100
Open comments for this post

6h 18m 18s logged

I’ve started building my webOS!

I wanted to make look like an actual OS, so I added a date and clock + battery and safety indicator at the top. The battery will have a lightning emoji (⚡) when it’s charging and if it’s below 40% it will change to 🪫. So far only TO DO app is working. It’s draggable, you can add as many tasks as you wish and mark them complete or delete them.

Next up: browser, terminal, and so fourth!

0
0
135

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…