Devlog

• apprantly i think the nasa apod api is down because i read nasa is migrating to wordpress server for its public apis, also this apod api is set to deprectae in dec 2026
• so i am going to use their collection of images instead of daily apod

Devlog 4

• used NASA’s APOD API to fetch the image of the day to use as bg
• added featture to let user add custom shortcuts to the page
• added a special font for the time

Devlog 3

• This session was all about improving the UI
• added animations to serachbar, shortcuts and time display
• the searchbar has greadient border and a blur effect when focused and its width also extends
• the shortcuts section also fade in with some animation delay
• time slides up, like its comming from below the searchbar

up next

• bg image
• let user change shortcuts
• maybe fetch some news and display it

Devlog 2

• added time display
• now the selected search engine is saved in local storage and reloaded on page refresh
• also chagned the placeholder text according to the selected serach engine
• dynamically poopulated the shortcuts from an array of objects instead of hardcoding them in HTML
• imporved the responsiveness of shortcuts seciton

I found an amazing URL that is basically a servies of google which i can use to get the favicon of any site i used that to get the icons for nay website user want to add as shortcuts

Devlog 1

• created a simple page with a search bar and option to select a serach engine

• also added a few dummy shortcut links

• this project is my 2nd try at “Give your website a pulse” mission, last time i used react to make a project of similar kinds, but i got flagged as AI, i tried to update the ui still reviewer says AI, so i just abandoned it, i tried conta ting the support on slack but no replies

• so i picket it up this time in plain html css and js not react , this is exciting i am like going to write html csss js the old way after writing in react for last 2 years

Devlog

• Last time reject due to my project being ai heavy, idk, the ui was generated with google stitch and then i coded it out,
• i just removed the css and redesign the website completely
• i took the inspiraation my from my old project, idk i made it like 3-4 years ago, link below
• https://ashish757.github.io/some-frontend-stuff/guess-the-number/index.html

Devlog 4

• wrote some of css again, removed the AI snippets that I had used
• fixed some bugs like, error on refetching data when handle is chagned
• showed more info in cards thorugh codeforces and github apis (commits and next rank requirement in codeforces)
• the image in the bg was not loading on the first opening of the website, fixed that too

Devlog 3

• this time i fixed the weather card, now it shows the correct weather based on your location, and also shows the correct time and date.
• i also made UI improvements and now the todo list is on the left side of the screen, almost 100% long
• added text shadow to text, so that its visible on any image as a background

Devlog 2

• so i started with goal to display info cards of my coding profiles from different platform, but turns out that i cant

• codechef has deprecated their public api, leetcode graphql api can only be accesed from server, so was only able to display my codeforces and github stats

• after this i added a toto list card, initially it was a card but later i made it like aa sidebar app insted for better UX

• i also worked on settings to customize the design , some thing i have completed like selecting which cards to display, theme, and bg, but there is still imporvement like more option for images, gradient and colour

• also more then just dark and light theme, maybe a comic theme and termical theme

• created a component for displaying time, date and weather, weather thing is yer to be completed

Devlog 1

###For the new page tab here are my ideas

• i want to improve me Competitive Programing skill so my new tab page will revolve around that theme

• i will create some web shortcuts and a reading list thing

• theme customization is there, but i dont know i will try to provide as much as customizability i can

Current Status

• have created a simple search bar
• the search bar can be focused by pressing “/”
• it also has options for three different search engines

Devlog 3

Launchpad

• as promised i have created the launchpad , but the serach functionlity is not working in it sorry i know its just s amll filter thing but i got my exmas this week, im in rush

• need to feactor the whole assets thing as i wasn initially importing the images but now i have moved it to the public and how just load them all

• updated the readme and added icon for the launchpad

A lot can be done i think, but i am limited with this event ending 30 sep and also my exams are coming up
SO BYE FOR NOWW, i really loved this project

Real OS

• true now this feels like a real operating system

Widgets

• added widgets to the desktop, can be added from the settings
• right there are jsut widgets for clock and calander but same design can be used to simply add many more kinds of widgets

Menu Bar

• menu bar now has the brightnes control slider and wifi options (obviously wifi are fake here)

Dock can now be auto hidden from settings and only shows up when you hover in the bottom jsut like real macos

Integrated the perosnalization in the settings app

up next i will add a launch pad, some more little apps, fix a issue related to navigation in finder that i just found out

Devlog 2

• i think i have laid a good foundation for process and window management
• i am now focusing on the UI and UX of the desktop environment and adding some more app, fetures, and more OS like fell

Minimizing and maximizing windows

• implemented feature to minimize and maxiimize the windows
• maximizing feature existed but there were some bugs and it wasnt really fullscreen so i fixed that and now it works as expected
• improve Dock to open or focus the app by detecting wheter app is open or closed or minimized

Started improving and adding animations

• used framer-motion to animate the appearance and disappearance of the windows
• later i will add transitions to other elements as well

Created a settings app

• to handle the widgets , appearance and general setting all i one place

• also fixed an infinite render issue in ActivityManagerApp that was caused by the useEffect

Devlog 1 (after shipping webos1)

• so its been like 2 months since i last worked on this project so i just revised the whole codebase once

Realism

• so when i decided to build this my main goal was to make it as realistic as possible
• by realistic i mean to make use of concepts that is used in real linux OS, not just UI but the actual inner workking

What went down

• any application when opened in OS has two parts

1. The window
2. The process

• Like for notepad app, there is a wrapper window which has the close button and menu options and then there is the actual notepad process which handles things related to the creation and saving of the notes file

what was the problem

• In real OS whenever we try to close a window, the window wrapper simply sends a closing signal to the actual process saying hey process user wants to close you for now.

• after this the process either saves logs, current changes or show user a confirmation dialog before closing

• but in my webOS i was jsut closign the process when user clicked the close button on the window wrapper, which is not realistic at all

There are three kinds of closing signals that a process can receive

1. SIGTERM
2. SIGKILL
3. SIGQUIT

• i will not get into the details of these signals but they mean different things , like SIGTERM is a request to terminate the process whereas SIGKILL forces the process to terminate.

Solution

• so i basically added a new property to the window state to track if a window has requested to close the process
• process actively listen to such state change from the window and replies accordingly and closes the app
• performs tasks like askeing user to save changes, show warning dialog etc before closing the process

there are still some bugs and a lot of things to improve in this thing but i will do that in the next devlog

Devlog 2

• yeah i know its been long, well always wanted to get into hardware looked very easy and interesting in the start until it became impossibe

• after some time and help from some frinds from Electrical Enginnering departmenet

• i was just unable to find the 3d shapes for the component like microcontrollers, switches, knobs

Current Status

• i have completed the PCB design, and also mapped som of the 3d shapes
• i found that my screen is touching the rotatory knob, so i need to edit the pcb again
• • also i have not added the RBG lightning yet, and i am not sure weather i will add or not.
• there was this copper fillign this (this is my first time with hardware) and i think i need to undo this as i need to change the position of the screen and rotaory knobs
• also the usb point need to bulge out a little bit
  ]

• updated some UI (added a button to open the layout editor directly instead of going to system tray) to help users find features to edit the layout more easily

Tried to fix the linux binaries but as I lack the machine to test it out myself and due to recurring errors, I have dropped the linux support for now,