A lightweight, browser-based Web OS prototype built with pure HTML, CSS, and Vanilla JavaScript.
- Welcome Screen: Smooth transition screen before entering the main desktop environment.
- Live System Clock: Real-time clock updated dynamically in the top navigation bar.
- Interactive Desktop: Clean layout with quick-launch application icons.
- Window Management: Support for opening, closing, and dragging application windows around the screen.
- Built-in Apps:
- First App: A lightweight dashboard demo window.
- Notes App: A functional text editor/scratchpad to type and store quick notes.
- HTML5 - Structure and semantic tags
- CSS3 - Custom styling, animations, and responsive positioning
- JavaScript (ES6+) - Window dragging mechanics and live time features
Since this project is contained within a single file, running it is simple:
-
Clone the repository: git clone https://github.com/your-username/your-repo-name.git
-
Open the project: Simply double-click the webos.html (or index.html) file to open it in any web browser.
You can easily host this directly on GitHub Pages:
- Go to your GitHub repository Settings.
- Navigate to Pages on the left menu.
- Under Branch, select main (or master) and click Save.
- Your Web OS will be live at: https://your-username.github.io/your-repo-name/
Developed by Sujoy.