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

Ilina's WebOS

  • 9 Devlogs
  • 18 Total hours

This is my personal OS that can run on the web, too! Updates are still underway. I will be adding more things to this OS :) Stay tuned!

Ship #1 Pending review

I made IlinaOS, a personal operating system that runs in the browser! It has draggable, resizable windows; minimise/maximise/close controls; a live clock; animated wallpaper; and working apps like SparkLog, TaskList, Calculator, Projects, plus my biggest feature, Ilina Code Studio.

The hardest part was building Code Studio because it includes files and folders, tabs, syntax highlighting, right-click menus, a terminal, live previews, Auto Save, and even Python support with Pyodide. Debugging all these features taught me a lot about JavaScript, localStorage, DOM manipulation, and how larger projects work.

I’m most proud that IlinaOS is not just a design; the apps actually work. If you test it, try opening and moving windows, saving notes and tasks, and especially using Code Studio to edit files and press Run to preview your code.

It’s also the last week of Stardance, so if you enjoy IlinaOS, I’d really appreciate a good rating! I’m trying to earn a 3D printer, and your support could help me get closer.

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

18m 50s logged

Devlog 8.2: Rest of the OS


Hi guys :wave-pikachu-2: ,

This is a follow-up devlog to Devlog 8. I am writing this devlog because it includes a screen recording of how the whole OS works. I couldn’t paste this in the previous devlog cause of some issues, so I am going to paste it in this devlog.

You guys can open the screen recording below to understand how my project works. :smile-3d-thumbup:

0
0
6
Open comments for this post

5h 54m 57s logged

Devlog 8: Finished Part 5


Hello everyone :wave-joy-inside-out-disney:

I hope y’all are well! I completed Part 5 today with no bugs :fastparrot: . I also added some more features in my OS.

Today I finished Part 5 successfully, which means I can finally ship this project :yay: . Okay, here’s what I completed today: I added a close button, a minimise button, and a maximise button. I also finished the TaskList code and upgraded Ilina Code Studio. You can see all of its features in the screen recording. < br>

Guys, please give me a good vote :please-big-eyes: . This is the last week of Stardance, so if you come across my project, please vote nicely for it. Also, after I ship this project today. I will keep working on it, add more stuff, and upgrade my OS. I will also complete level 2 of the OS creation.

I will keep coding and see you guys tomorrow with a bit of OS level 2 done. :comingsoon:

0
0
8
Open comments for this post

5h 21m 59s logged

Devlog 7: Finishing up part 5 and changing the layout of the apps


Hello everyone :wave-pikachu:

I hope you are doing well! I completed part 5 today, but I still have some bugs in my JavaScript code to fix.

Today I made a To Do List app called TaskList. You can add any activity you want to your list, and when you are done, you can tick it off. You can also delete tasks if you want. Furthermore, the All section shows all the tasks you have created; the Pending section shows the tasks you haven’t finished yet; and the Finished section shows all the tasks you have completed. I also changed the app layout to a grid layout. Additionally, as I mentioned before, I still have some bugs in my JavaScript code that are preventing me from opening the app, so I still need to fix them. Because of it, I can’t give you a screenshot of the app; I can only show you the OS without that window open. < br>

I will see you guys tomorrow after I fix the bug :smile-3d-thumbup: .

Bye :goodbye:

0
0
10
Open comments for this post

16m 53s logged

Devlog 6: Finish working on the calculator app


Hello guys :wave-gradient:

I hope you’re doing well! I couldn’t complete part 5 today because I was busy. I also got some bad news today :sad-blobby: . I spent at least an hour coding, but my Hackatime wasn’t working, so it didn’t record my coding hours properly. But I finally got it to work, and it still didn’t record all my effort :angry-3d-emoji: . So I added some extra code and finally recorded 16 minutes. But at least I finished my goal for today: finishing my calculator. :yaaaaaaay:

Today I finally made a working calculator, but it is a basic one with addition, subtraction, multiplication and division; I will add more complex symbols and signs later. I also have to finish part 5, and I need to check my OS and make sure everything is working smoothly. But I have time tomorrow so that I can do this :dance2: .

I will see you guys with part 5 tomorrow :smile-with-7-parenthesis-no-less-no-more: .

Byeeee :goodbye:

0
0
2
Open comments for this post

41m 4s logged

Devlog 5: Adding a moving background


Hi guys :wave-pikachu:

I hope y’all are doing well! I couldn’t complete part 5 today because I got sick. But fear not, people; for today I have at least worked on something (I also forced myself to work so I don’t lose my streak) :smile-3d: .

Today I tried adding a video as my OS background. I tried that for a long time, but it didn’t work. It only worked for one run, but after I ran my code again, it disappeared. Then I finally added a GIF, and it worked :happi: ! Also, I am planning to add a calculator app to my OS. It currently doesn’t work cause I haven’t coded it yet; I only added the icon :calculator:

I probably won’t finish part 5 because I’ll be very busy 🙃, so I’ll most likely add a small thing to my OS.

Baiiii :baii:

0
0
5
Open comments for this post

2h 4m 24s logged

Devlog 4: Adding content to the Coding, Project and SparkLog (previously writing) section


Hello guys :hi-bear:

I hope y’all are doing well! Anyway, today I completed part 4 of creating my WebOS :tripletsparrot: .

Today I added content for my Projects, Coding, and SparkLog (originally the writing section) sections. The projects section acts like a mini file explorer; the coding section acts like a mini VS Code; the SparkLog is your very own notes section where you can write and store everything you write. You can also delete the files you don’t want. I also let users resize their windows; you can make a section large or small.

By the way, I am changing my OS background and have temporarily kept it black. :black-heart-3d:

I might finish part 5 today, but if not, then I’ll meet you guys tomorrow with part 5. :guineaparrot:

Bye :bye:

0
0
30
Open comments for this post

49m 35s logged

Devlog 3: The drag, open and close operations and some organising of codes


Hello guys :wave-club-penguin:

I hope you guys are doing well! Anyway, today I completed part 3 of creating my WebOS :yay: .

Today I added some JavaScript code and kept it in a script.js file. I did the same with my CSS code because I am an organised person :smile-hole: ). I also made the welcome window draggable, with open and close behaviour. Lastly, I added a black outline for the window to make it easier to identify.

I’ll return tomorrow with part 4 with another devlog update :cat-boogie: .

See you guys soon. :soontm:

0
0
26
Open comments for this post

50m 27s logged

Devlog 2: Adding some additional features and a working clock with the date


Hello guys :wave-pikachu-2:

I hope y’all are well! Anyway, today I completed part 2 of creating my WebOS, so here is the devlog you’ve been waiting for :exceptionallyfastparrot: . Though I must warn you that not a lot has been done in part 2, don’t worry. I still have many more things to add 🙃

I added a working clock, and I also added the date. Both of these keep on updating automatically:smirk-hole: . I have also added some icons on the side, a projects folder :folder-opening: , a coding area :coding: and a writing area :firewriting: , you know, for those of you who like to journal or write notes online. Lastly, I made the part with my information fit into a small space.

And I know it probably doesn’t look like much, but just trust the process, okay :trust:

I’ll complete part 3 tomorrow and come back with another devlog update :smile-with-7-parenthesis-no-less-no-more: .

See you guys soon. :goodbye-gary:

0
0
17
Open comments for this post

1h 14m 8s logged

Devlog 1: Creating the foundation of my OS


Hello guys :wave-inside-out-joy:

I hope y’all are doing great :smile-with-7-parenthesis-no-less-no-more: . Anyway, today I completed part 1 of creating my WebOS.

I added some basic information about me, including my hobbies and a brief summary about me :smirk-hole: . I will add some more information later. Okay, number 2: I have added my GitHub Account link. Finally, number 3: I have added my YouTube channel. When this project is finally available to you guys, I will be expecting you to subscribe to it :wink2: .

And just to be a bit extra, I have styled it pretty well, if I do say so myself. :slackextra:

I will complete part 2 tomorrow and come back with another devlog update.

See you guys soon. :goodbye:

0
0
11

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…