digantdonthy

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.

Built a Missing Number Puzzle game using HTML, CSS, and JavaScript. Implemented multiple sequence-based puzzles, answer validation, and a scoring system while fixing logic issues like repeated scoring and initial load bugs. Focused on creating a clean, interactive UI with smooth gameplay and progression through puzzles.

Built a fast-paced Reaction Time Game using HTML, CSS, and JavaScript. Implemented random delay logic, click detection, and precise reaction time measurement in milliseconds. Added features like early-click detection and a best score tracker to enhance gameplay. Focused on clean UI and smooth user interaction for a responsive experience.

Built a fully functional Memory Game using HTML, CSS, and JavaScript. Implemented core features like card shuffling, flip logic, match detection, and a move counter. Debugged tricky issues with event handling and win detection, ensuring smooth gameplay. Added a reset system and polished the UI for a clean, interactive experience.

Built a two-player Tic Tac Toe game using HTML, CSS, and JavaScript. Implemented turn switching, win/draw detection, and a reset feature. Added hover effects and highlighted winning cells to improve user experience. This helped strengthen my understanding of DOM manipulation and game logic.

I have worked on the background the main page to the Mini Game Hub. There is a hovering effect given to all buttons and the main title of the page. The games are yet to be coded. Till then cope up with me for the next Devlog with the first game.

I have added 1 button R [Remainder]. I have also added a special feature that know the calculator can also work on entering the values in the keyboard. There is the backspace feature only in keyboard mode of control and no button on the display. I am extremely delightful to work more on my project.