MakOS banner

MakOS

8 devlogs
12h 55m 32s

I created a web based operating system example/portfolio for myself.
It is my submission for the WebOS sidequest.
It is built using NextJS.

This project uses AI

Used Gemini for making the icon images.

Demo Repository

Loading README...

sheikhzubairahmed3949

Changelog

  • b38c35f Added background change feature, brightness change feature and font chnage feature

Added the following features in the settings app:-

  • Feature to change background image
  • Feature to change brightness
  • Feature to change system font
  • Also added a small settings button on the taskbar to open and close the settings easily

I have attached a video showcasing the above features

0
sheikhzubairahmed3949

Changelog

  • a1760ab Started settings, added 3 tabs in settings and made the active tab persistent
  • e5e242f Changed window default position

NEW APPLICATION ADDED!
Started working on the settings app
Features:-

  • The settings app contains three different tabs as of now.
  • When you select the desired tab on the sidebar it appears on the main area.
  • THE CATCH: The active tab is stored in sessionStorage, when you refresh the page/minimize the window/close the app and reopen it later, the same active tab will be opened. This makes it feel like a real operating system(the active tab will persist as long as your session is alive, once you leave the site, all session data is lost, refreshing does not erase session data).

I have attached a clip of me showcasing this feature by refreshing the site multiple times.

0
sheikhzubairahmed3949

Changelog

  • 96f1bb1 Added window minimizing, persistent windows, persistent window positions and persistent minimized and opened windows

Added a lot of things!

Firstly, I added the feature to move application windows and shortcuts on the desktop

Then I added the feature to minimize the window(by clicking the yellow dot), when an app is opened, it appears on the taskbar and can be minimized by clicking the button in the taskbar too.

When a new window is opened or a window is minimized, the state is kept in the sessionStorage, so, when the browser is refreshed the windows which were open or minimized stay as they were.

SUMMARY - Added window minimization, shortcut and window movement, persistent window position, persistent opened window and minimized window states.

0
sheikhzubairahmed3949

Changelog

  • 9df8601 Finished Socials application

Finished with the “Socials” application.
Also added restraints on the maximum size of the windows.

0
sheikhzubairahmed3949

Changelog

  • f513d9f Completed About Me application

Completed the “About Me” application, I made it look like a code file with specific color coding to make it look good.

0
sheikhzubairahmed3949

Changelog


Added window features - the user can now click on any application in the desktop and the window will appear, the user can close the window using the close button and can also scroll if any material in the window overflows.

The user can also drag and put the window anywhere on the desktop.

Attachment
0
sheikhzubairahmed3949

Added a top-bar to the OS and also added a Real Time Clock to the top-bar

0
sheikhzubairahmed3949

Created the wallpaper loader and the shortcut/icon loader.
The shortcuts still don’t, will make them work in next log.

Attachment
0