sk_zaidji - Stardance

Ship

I built IndianOS, a browser-based desktop operating system inspired by India using HTML, CSS, and JavaScript. It includes a desktop interface, Start Menu, draggable windows, Files, Notes, Calculator, a live IST clock, a boot screen, notification toasts, an About window, and support for maximizing windows by double-clicking the title bar.
The most challenging part was implementing the draggable window system. I had to manage mouse events, calculate the correct window position while dragging, and handle the window stacking order (z-index) so the active window always appears on top. I also worked on making the maximize/restore behavior smooth and ensuring all the UI components worked together.
I'm proud that I built a complete desktop-like experience from scratch without using any frameworks. The project has an original Indian-inspired theme, a clean interface, and several extra features beyond the basic tutorial, such as the boot screen, notification toasts, About window, and window maximize functionality. It gave me a much better understanding of JavaScript event handling and UI development.

3 devlogs
3h
WebOS 1

Try project → See source code →

Open comments for this post

@sk_zaidji on IndianOS · 23 days ago

54m 43s logged

🚀 Devlog #3 – Final Polish & Completion Today I completed IndianOS and focused on polishing the overall user experience.What I added🚀 Boot screen with a loading animation before the desktop appears.🔔 Notification toasts that display when applications are opened.🪟 Double-click on a window title bar to maximize and restore windows.ℹ️ An About IndianOS window with project information.🎨 Improved the desktop layout, taskbar, and window styling for a cleaner, more modern look.ChallengesThe biggest challenge was making the window system feel smooth and responsive. I refined the dragging logic, improved window layering with z-index, and made sure maximizing and restoring windows worked correctly without affecting other open applications.What I learnedManaging DOM events for draggable interfaces.Using JavaScript to control window states and interactions.Improving UI/UX with small visual details like animations and notifications.Organizing HTML, CSS, and JavaScript into a simple desktop-style application.Final Features🖥️ Desktop Interface📋 Start Menu🪟 Multiple Draggable Windows📁 Files App📝 Notes App🧮 Calculator🕒 Live IST Clock🚀 Boot Screen🔔 Notification Toasts🪟 Double-click to Maximize Windowsℹ️ About IndianOSBuilding IndianOS was a fun way to learn more about DOM manipulation, event handling, and designing a desktop-like interface entirely with HTML, CSS, and JavaScript. This project also gave me experience structuring a larger frontend project while keeping the interface simple and responsive.

Open comments for this post

@sk_zaidji on IndianOS · 23 days ago

58m 31s logged

Devlog 2 – Window Manager Today I implemented the core of IndianOS: draggable windows. I built separate windows for Files, Notes, and Calculator, added close buttons, and made windows come to the front when clicked. The biggest challenge was handling dragging smoothly without affecting other windows, but after debugging the mouse events I got it working.

Open comments for this post

@sk_zaidji on IndianOS · 23 days ago

1h 8m 48s logged

Devlog 1 – Starting IndianOS 🇮🇳 Today I started building IndianOS, a browser-based desktop operating system inspired by India. Instead of copying the tutorial exactly, I wanted to create my own look and feel.So far I have:Created the project structure.Built the desktop layout.Added desktop icons.Added a taskbar with a live IST clock.Chosen an India-inspired theme for the UI.Next, I’ll work on draggable windows and build the core applications like Files, Notes, and Calculator.