WindowsOS

Improved the Game Hub navigation by implementing a reliable communication system between games and the main hub. Instead of directly accessing the parent page, games now use message-based interaction to trigger a smooth return to the menu, ensuring consistent and error-free back navigation.

Redesigned the interface from a macOS-style layout to a Windows-style desktop, introducing a bottom taskbar, reorganized icons, and a more structured window system. This change improves familiarity, usability, and gives the OS a more realistic desktop experience.

Fixed the maximize button alignment by restructuring the title bar layout. Grouped the control buttons (maximize and close) into a flex container and aligned them to the right, ensuring they appear neatly next to each other like in a real operating system.

Resolved a UI issue where application windows could be dragged beyond the visible screen area, breaking the OS-like experience. Implemented boundary constraints in the drag logic to restrict movement within the screen, including limits for the top (taskbar), bottom, and sides. This ensures windows remain fully accessible and improves overall usability.

Game Hub is an integrated app inside MaxOS that allows users to access and play multiple mini-games from a single interface. It dynamically loads games like Memory Game, Tic Tac Toe, Reaction Timer, and Number Guessing using iframes, creating a smooth and interactive gaming experience within the OS.
This game hub uses a modified code of the previous project made by me.

The Paint App in MaxOS is an interactive drawing application that allows users to create simple digital artwork directly within the operating system interface. Built using the HTML5 Canvas API, it enables real-time drawing using mouse input, providing a smooth and responsive experience.

Users can choose different colors using a color picker and draw freely on the canvas. The app also includes a clear function to reset the workspace instantly. The drawing system dynamically adapts to the window size, ensuring accurate cursor tracking and consistent performance.

This app demonstrates the integration of graphics rendering, event handling, and user interaction within a custom-built OS environment, enhancing both functionality and user engagement.

Built a Mini Browser app in MaxOS with a functional URL bar and webpage viewer using iframes. Fixed layout bugs and improved window handling to support multiple apps seamlessly. Due to browser security restrictions, only certain websites can be loaded. Also fixed layout bugs and improved multi-window handling.

Added a fully functional Calculator app to MaxOS with a modern UI, keyboard support, and multi-window capability. Also improved the top bar layout and fixed UI bugs related to visibility and alignment.

A simple draggable notes application built inside a web-based OS. It allows users to open a floating window, write and edit text, and close it like a real desktop app. The window can be moved around the screen, making it feel like a real operating system feature.

Today I improved my MiniOS project by refining the user interface and fixing layout issues. I implemented a macOS-style top bar with a live clock and learned how to handle CSS problems like width, padding, and alignment. I also added a background image and created a desktop icon with proper positioning and styling. This helped me better understand flexbox, positioning, and debugging, and my project is now starting to look and feel like a real operating system.