My very own WebOS1

🌀 Devlog #3: System Boot — The Windows-Style Loader

WebOS Devlog #3! I wanted the initial load sequence to feel highly professional and satisfying, just like booting up a real operating system. 💻
I spent this session designing the boot loop sequence:

• Windows Loader Animation: Created a pure black loading interface with orbiting/rotating dots that spin fluidly using CSS transitions.
• Diagnostic Timing: Coded a Javascript timer that runs boot checks and diagnostics for a few seconds before revealing the user profile login window.

Now, refreshing the page triggers a realistic boot-up sequence!
🌐 Live Link: https://sujayr07-webos1.netlify.app/
💻 Source Code: https://github.com/sujayinnovatorrobu-ui/webos1

⏰ Devlog #2: JARVIS Telemetry — Chronos & Notifications
Part 2 of my WebOS build! Today was all about adding functional widgets and telemetry widgets to the screen layout. ⚙️

• System HUD Headings: Integrated status banners displaying network status, active directories, and system information tags.
• Clock & Calendar widgets: Programmed an interactive SVG analog clock face that keeps time alongside a clean digital display.

It’s beginning to feel like a responsive control board!
🌐 Live Link: https://sujayr07-webos1.netlify.app/
💻 Source Code: https://github.com/sujayinnovatorrobu-ui/webos1

🌌 Devlog #1: Building a WebOS — Laying the Grid (Wallpaper & Taskbar)
Hey makers! 🚀 I’m starting a brand new project: My very own WebOS, a sci-fi HUD-style desktop running right inside the browser!
Since my background is in robotics, I love command centers and visual dashboards. I wanted to build a web portfolio that behaves like a real Stark-inspired OS. I started by getting the baseline UI shell ready:

The visual layout is already looking super clean! Check it out below:
🌐 Live Link: https://sujayr07-webos1.netlify.app/
💻 Source Code: https://github.com/sujayinnovatorrobu-ui/webos1