You are browsing as a guest. Sign up (or log in) to start making projects!

2h 19m 24s logged

AraadhOS — DevlogFrom an empty repo to a working web desktop. Vanilla HTML, CSS, and JavaScript — no frameworks, no build step, no shortcuts.—## Initial commitEvery project starts with a small act of faith: a README.md with two lines in it. No code yet, just a freshly initialized git repo and the decision that this is the thing to build — WebOS, a desktop operating system that lives in a browser tab.## Scaffolding — “made three files”The skeleton: index.html, script.js, and style.css. The JS and CSS were empty, the HTML just 8 lines. The unglamorous-but-essential moment of wiring the three files together — followed by the classic merge commit to reconcile local and remote.## First pixels — “the basic landing page”The first commit where AraadhOS started to look like something: 61 lines of CSS and a boot terminal window with the three traffic-light dots. The aesthetic locked in here too — the moody ayu-dark palette, the gold accent (#E6B450), JetBrains Mono. A landing screen that boots you in rather than just dropping you on a desktop.## Bringing it to life — “basic animations”The first JavaScript showed up and the boot screen started doing things: a typing effect spelling out “Welcome to AraadhOS”, a braille spinner cycling like a real loader, and a blinking ASCII mascot — a little (◕‿◕) face that winks and back. The project stopped being a webpage and became an experience.## The big bang — “v1 of Araadh OS”The monster commit. +1,160 lines. script.js went from a few dozen lines to 767. In one push, AraadhOS became a real desktop environment:- A window system — open, close, drag-by-titlebar, focus-to-front, single-instance apps, cascading windows. Generic and shared, so every app gets it free.- An app registry — the architectural heart. Every app is just { name, icon, render() }. Add an entry and it appears in the dock, the menu bar, and the terminal automatically.- A frosted-glass dock — hover-lift, click-bounce, tooltips, open-app indicators.- The apps — Terminal (a working command interpreter), About, Projects, Files, Calculator, Settings.- Persistent settings — accent color, 12/24-hour clock, UI scale, wallpaper, all saved to localStorage.- A PROFILE object — one place to edit your real content; every app renders from it.Not a prototype — a real, usable thing.## The polish sessionA refinement pass to make the whole thing feel finished:- Squashed a bug — a stray keystroke had broken the clock on startup.- Redesigned the menu-bar — frosted glass to match the dock, a gradient brand chip, restyled buttons, and a clock with a live date.- Built a Notes app — an auto-saving notepad with a live word/character counter, backed by localStorage. It slotted straight in thanks to the app registry.- Removed dead weight — a resume.pdf link that 404’d, and the whoami command (a deliberate “no auth rabbit hole right now” call).- Filled the empty desktop — a grid of desktop icons: single-click to select, double-click to open.## Where it standsIn a handful of commits plus a polish session, AraadhOS went from a two-line README to a browser-based desktop OS with a window manager, a dock, desktop icons, seven working apps, persistent theming, and a boot sequence with real character. The architecture is clean enough that adding the next app is a five-minute job.Next: push the polish work, turn on hosting, and let people boot it.

0
1

Comments 0

No comments yet. Be the first!