CaffeineOS_lite
- 2 Devlogs
- 4 Total hours
This is my first ever WebOS and i will be using this project to learn JavaScript
Devlog 2 — File explorer with folder navigation and image viewer
Added a functional “My Documents” app with a real file explorer. The root shows three folders (Wallpapers, Icons, Projects), and double-clicking navigates into them with a “..” button to go back.
Double-clicking an image opens a draggable mini-window with the image preview, centered on screen , reusing the same drag/z-index logic from the main windows. Double-clicking the WebOS1 project entry opens its GitHub repo in a new tab.
Under the hood, the file system is just a JS object (fileSystem) mapping folder names to arrays of items, which made it easy to add new folders/files without touching the rendering logic.
Devlog 1 — Draggable windows, terminal, and login screen
Built the main desktop environment for WebOS1. Windows can now be dragged around the desktop and bring themselves to the front when clicked (z-index). Added a custom login screen that asks for a username on startup, no passwords, just stored in memory for the session.
The big feature today was a working terminal app with a real shell-like prompt (username@webos:~$). It supports help, whoami, ls, pwd, clear, sudo (denial message for fun), apt install with animated fake install output, and neofetch showing system info.
Also replaced the default wallpaper with the classic Windows XP Bliss background and added custom SVG/icon assets for the desktop shortcuts.
