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

AdaWebOS

By @AdaChan

  • 4 Devlogs
  • 7 Total hours

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

@AdaChan on AdaWebOS

I created a webpage that simulates an operating system, all in a very simple way. It has 3 apps: a welcome app that simulates a notepad, a cat viewer that shows random cats, and one that shows cool facts about space.

The app windows can be moved. The most challenging part was making things up, haha, because I didn't know anything about JavaScript. I usually use Python for everything, and JavaScript is nothing like Python.

I'm very proud of my cat app (who doesn't like cats???). It's also very difficult to make the site look good. I'm not very good at web design, so the site's appearance is kind of poor, haha, mainly because CSS is very annoying.

Overall, it's been a really cool project to do.

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

@AdaChan on AdaWebOS

2h 20m 53s logged

DevLog #4

Live Demo: https://hallow303.github.io/MyownWebOS/

I fixed the code errors and managed to get MyWebOS working better.
I learned more about events, functions, and APIs, and practiced a lot of debugging.
Now the project is more stable and ready to receive new ideas.

@AdaChan

DevLog #4

Live Demo: https://hallow303.github.io/MyownWebOS/

I fixed the code errors and managed to get MyWebOS working better.
I learned more about events, functions, and APIs, and practiced a lot of debugging.
Now the project is more stable and ready to receive new ideas.

Replying to @AdaChan
0
4
Open comments for this post

@AdaChan on AdaWebOS

1h 7m 35s logged

Devlogs #3

Live Demo: https://hallow303.github.io/MyownWebOS/

I removed the music player app because it was giving me more trouble than I expected, lol. I decided to leave that for later and focus on other parts of the project.

But, in return, I added a new app called NASA Viewer. It uses the NASA API to show the astronomical image of the day, along with the title and a short description.

It was my first app using a real public API, so in addition to improving WebOS, I also learned more about fetch(), JSON, and how to work with external data.

I still want to significantly improve the visuals and make everything look more like Windows XP.

@AdaChan

Devlogs #3

Live Demo: https://hallow303.github.io/MyownWebOS/

I removed the music player app because it was giving me more trouble than I expected, lol. I decided to leave that for later and focus on other parts of the project.

But, in return, I added a new app called NASA Viewer. It uses the NASA API to show the astronomical image of the day, along with the title and a short description.

It was my first app using a real public API, so in addition to improving WebOS, I also learned more about fetch(), JSON, and how to work with external data.

I still want to significantly improve the visuals and make everything look more like Windows XP.

Replying to @AdaChan
0
10
Open comments for this post

@AdaChan on AdaWebOS

45m 5s logged

Devlog #2 — Music Player

Live Demo: https://hallow303.github.io/MyownWebOS/

Today I added a new application to my WebOS: a music player 🎵.

For now it’s still quite simple and only has two songs, but it already works. Since I’m still learning CSS and JavaScript, some parts look a bit strange and need improvement.

In the coming days I want to make the visual appearance nicer and continue adding features. My goal is to make WebOS look more and more like Windows XP, which is serving as inspiration for the project.

There’s still a lot to improve, but I’m learning a lot during development.

@AdaChan

Devlog #2 — Music Player

Live Demo: https://hallow303.github.io/MyownWebOS/

Today I added a new application to my WebOS: a music player 🎵.

For now it’s still quite simple and only has two songs, but it already works. Since I’m still learning CSS and JavaScript, some parts look a bit strange and need improvement.

In the coming days I want to make the visual appearance nicer and continue adding features. My goal is to make WebOS look more and more like Windows XP, which is serving as inspiration for the project.

There’s still a lot to improve, but I’m learning a lot during development.

Replying to @AdaChan
0
13
Open comments for this post

@AdaChan on AdaWebOS

2h 31m 21s logged

Development Diary #1 — My WebOS Demo

Live Demo: https://hallow303.github.io/MyownWebOS/

I finished the first version of my WebOS demo.

It now has two applications:

  • Welcome: an application with a beginner’s guide and some system information
  • Cat Viewer: an application that displays random images of cats

During development, I realized that JavaScript is more difficult than I imagined, especially in the part about manipulating page elements and making the interface components work together. I still need to study more to better organize the code and understand how to structure larger projects without getting lost.

Next goals:

  • Create a calculator within WebOS
  • Improve code organization
  • Study more about DOM and events
@AdaChan

Development Diary #1 — My WebOS Demo

Live Demo: https://hallow303.github.io/MyownWebOS/

I finished the first version of my WebOS demo.

It now has two applications:

  • Welcome: an application with a beginner’s guide and some system information
  • Cat Viewer: an application that displays random images of cats

During development, I realized that JavaScript is more difficult than I imagined, especially in the part about manipulating page elements and making the interface components work together. I still need to study more to better organize the code and understand how to structure larger projects without getting lost.

Next goals:

  • Create a calculator within WebOS
  • Improve code organization
  • Study more about DOM and events

Replying to @AdaChan
0
50

Followers

Loading…