MaxOS banner

MaxOS

Created by: digantdonthy
6 devlogs
4h 20m 27s

MaxOS is a web-based project designed to simulate a macOS-style interface using HTML, CSS, and JavaScript. The project features a clean desktop layout with a top bar that displays the system name and a live digital clock updated dynamically using …

MaxOS is a web-based project designed to simulate a macOS-style interface using HTML, CSS, and JavaScript. The project features a clean desktop layout with a top bar that displays the system name and a live digital clock updated dynamically using JavaScript. A custom background image enhances the visual appeal, while carefully positioned icons represent applications on the desktop. These icons are styled with rounded edges and hover effects to create a modern and interactive look. The project focuses on key front-end concepts such as CSS flexbox, positioning, and layout management, along with JavaScript DOM manipulation. It also involves debugging and solving real UI issues like alignment and overflow. Overall, MaxOS demonstrates the ability to combine design and functionality to create a realistic and engaging user interface.

This project uses AI

I have used AI to debug my program syntax.

Demo Repository

README

Loading README...
digantdonthy
digantdonthy shipped MaxOS
about 9 hours ago

Shipped this project!

I have bult a fully working MacOS with integrated apps - text editor, calculator, browser which can only open wikipedia.org, paint app and finally a game hub. The challenging part was linking all the apps and making a proper UI. I am proud that I have done 90% of the work on my own and remaining 10% I used AI to debug the syntax and logical errors.

digantdonthy
digantdonthy worked on MaxOS
2 days ago
0h 27m logged

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.

Attachment
0
digantdonthy
digantdonthy worked on MaxOS
3 days ago
0h 41m logged

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.

Attachment
0
digantdonthy
digantdonthy worked on MaxOS
4 days ago
0h 19m logged

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.

Attachment
0
digantdonthy
digantdonthy worked on MaxOS
4 days ago
0h 52m logged

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.

Attachment
0
digantdonthy
digantdonthy worked on MaxOS
5 days ago
0h 45m logged

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.

Attachment
0
digantdonthy
digantdonthy worked on MaxOS
6 days ago
1h 13m logged

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.

Attachment
0