MentOS is a browser-based desktop operating system built with HTML, CSS, and JavaScript. The project started with Hack Club's Base OS guide, and I used it as a foundation to learn how a desktop environment works in the browser. From there, I expanded it by adding my own apps, desktop widgets, UI improvements, and very simle animations.
The overall look and feel is inspired by macOS, especially its clean interface and glassmorphism design.
- Browser-based desktop environment
- Calendar widget
- Weather widget (work in progress)
- Notes app with local storage
- Calculator app
- Draggable windows
- Dock for launching apps
- Glassmorphism interface
- Simple ease-in and ease-out animations
- HTML5
- CSS3
- Vanilla JavaScript
AI was used as a learning tool and coding assistant throughout this project.
I used it to understand concepts, debug problems, and speed up development while making the design and implementation decisions myself.
The weather widget was the one part that relied heavily on AI for the code because I wanted to learn how location APIs and weather APIs work. I still designed the layout, appearance, and overall user experience myself.
This project began with the Hack Club Base OS guide. Huge thanks to Hack Club for providing an awesome starting point to learn from.
icons : https://iconscout.com/free-icon-pack/free-ios-14-icon-pack_36709 wallpaper : https://www.wallpaperflare.com/howl-s-moving-castle-studio-ghibli-fantasy-art-clouds-daylight-wallpaper-goulh/download/1920x1080
I'm not completely sure where MentOS will go next, but I'm enjoying using it as a way to learn new things. As I learn more JavaScript and web APIs, I'll keep adding new features, improving the interface, and experimenting with new ideas.
This project is open source under the MIT License.