RenanG_OS
By
@renanfartes
- 10 Devlogs
- 9 Total hours
My first webOS. The goal is to be simple but smooth
Ship #3
I made my very own Web OS.
I learned how to work with branches, handle remote settings and some parsing logic. The app includes multiple draggable windows, a terminal with 2 simple commands, a calculator, some notes and a change background function so you can upload your image!
None AI Used for coding. I used only to understand the w3schools code for making HTML windows draggable, but none code was wreitten by it!
1h 16m 25s logged
Devlog #10
TERMINAL LOOP!
FInally i added the logic to loop the terminal.
Now it Receives an input. When Enter is pressed, the terminal engine parses it, and then executes. After, the terminal prints the OS string.
Since there isn’t any terminal logic or so, the function just returns a plain old string. But using a getter function allows me to refactor easily later.
Commands: help and clear implemented.
23m 16s logged
Devlog #09
Terminal Scaffolded!
I simply just added the icon and added some style to the new window. It is translucid now and i plan in making a feature to disable transparency Later.
The inputs of the terminal are correctly placed, but none functionality yet.
(yeah, jetbrains mono as default XD)
42m 7s logged
Devlog #08
Calculator finished!
I added the functionality with error treatment (infinity and NaN handling), a custom font and i added the apps icons. I also fixed a relative path problem with the default background.
Also i learned how to delete a branch after merging it. It’s simple, but as i said before i never worked really with git branching. :p
44m 36s logged
Devlog #07
Working on a calculator!
I added the window, some reaaaly basic style and i fixed a lot of small details that i didn’t see (as all windows having the name of the OS, etc)
None functionality had been implemented by now. I also created a branch for this feature. Is simple, but turns out i never really worked with branches in the past. XD
26m 54s logged
Devlog #06
As some reviews said, the windows were struggling when the mouse was
above the viewport! So i fixed it making the os viewport relative and
the position being always positive (with Math.max())
I was making a weird calc and then realised i could use this function.
lol
I also improved the organization and renamed a little files
Ship #2
My personal WebOS project. I created it to learn more about DOM manipulation, Navigator features and some other really cool stuff, such as dragabble logic and image saving in base64. There's a Hacker Notes app, custom background and stardance info.
57m 9s logged
Devlog #05
Now there’s custom backgrounds! I added a window where the user can input a image file and upload it to set the background. I learned how to handle file input events and File objects in Javascript.
Ship #1
Changes requested
I made my first and custom WEBOS! Is simple. I learned a lot about DOM manipulation and stuff.
56m 35s logged
Devlog #04
DEPLOYED!
The basic features are now working. I’ve added a stardance info app!
44m 8s logged
Devlog #03
I’ve styled the OS Top-Bar, the app-launcher, made the hacker notes app
and windows are now scrollable. Everything just works fine. I also made
some code improvements such as splitting the css logic into new files.
1h 32m 46s logged
Devlog #02
I made the clock of my webOs, the grab function and the windows and the close/open functions.
I also corrected some overflow bugs (the window was stretching the page when pushed downwards).
1h 27m logged
Devlog #01 yeeep
First devlog of my webOS! I’ve found interesting to make this mission. Is a veryy saturated project but i think i can make something at least presentable.
By the time i’ve just scaffolded the initial style classes and the initial content. Is nott draggable yet.
I plan to refactor the web page to vue in a really distant future
