By
@shivar07
My dream of creating a futuristic J.A.R.V.I.S. web desktop brought to life with live Hackatime stats, music, and interactive widgets.
51m 28s logged
🤖 Devlog #10: J.A.R.V.I.S. AI Integration & Chrome Browser Gateway Fix
today I Upgraded the J.A.R.V.I.S. Subsystem with real AI Intelligence powered by Google Gemini via a Netlify serverless backend function now when you ask JARVIS any Question in the universe it connects directly to the neural AI core and generates Intelligent answers while Speaking them out loud with TTS voice synthesis I also Overhauled the Chrome Browser window replacing unreliable links with a custom Chrome Web Gateway dashboard that loads verified 100% iframe compatible portals like Wikipedia Hack Club Internet Archive and Open Library with a built-in search box and Readonly address bar so everything works smooth with zero Connection errors
i built JARVIS OS because building my own web operating system has always been my dream project inspired by Iron Man command center it features draggable glassmorphic windows a retro terminal boot sequence a custom music player with 14 tracks calculator weather HUD and live Hackatime analytics console
the most challenging part was Setting up serverless functions on Netlify to scrape live Hackatime telemetry and Global leaderboard rankings in real time without proxy timeouts
im super proud and emotional seeing my Dream project actually come to life and feel so alive from the Web Audio boot sounds to the neon glow animations
How to test
type startx on terminal screen to load the desktop drag windows around play music and check out the live leaderboards
4h 46m 42s logged
🚀 Devlog #9: Final Feature Showcase & Deployment
Here is the complete summary of all features built into WebOS:
Live Website -> https://jarvis-hud-os.netlify.app/
Github Repo Open Source for u guys -> https://github.com/shivar07/J.A.R.V.I.S.-OS
Let me know any feature to add will do it ..
1h 50m 33s logged
🌐 Devlog #8: Chrome Browser & Expanded Music Library
Today I added a built-in Chrome Browser window complete with an address bar, navigation controls, and an embedded Wikipedia search and article reader interface. I also expanded the music player library with additional music tracks, custom album art thumbnails, and playlist queue controls.
1h 1m 28s logged
🖥️ Devlog #7: Dual-Pane Start Menu & Calculator
I built a dual-pane Windows 11 style Start Menu. The left pane holds pinned apps and recommended files, while the right pane has a mobile link settings configuration for Android and iOS devices. I also built a glassmorphic floating calculator with click sounds and clear operations, and updated the taskbar icons to show an active neon dot whenever an application window is open.
2h 5m 55s logged
📊 Devlog #6: Hackatime Stats & Leaderboards
I wanted to show my actual coding metrics, so today I connected the Hack Club Hackatime API to the desktop. I had to build a simple proxy to fetch the public JSON data so it wouldn’t get blocked by browser CORS restrictions. Once that was done, I designed charts showing my top languages and coding hours, and built a global leaderboard that automatically finds my profile and highlights it in a bright hot-pink glow at Rank #3.
3h 17m 2s logged
🔐🎶 Devlog #5: Lock Screen, Taskbar & Music Player
Today I worked on lock screens and music! I built a frosted glass lock screen that transitions into the desktop when you sign in, and designed a taskbar dock at the bottom of the screen. I also built a fully custom music player with play queues, seeker bars, and actual song timing updates. I loaded up 20 actual tracks instead of just chimes, and it plays really nicely.
1h 21m 54s logged
💻 Devlog #4: Terminal Handshake & Boot CLI
Right after the boot loop finishes, I made it drop into a terminal boot sequence before you can log in. I simulated scrolling text lines that look like drivers checking out and system drivers initializing, and then built a keyboard login prompt. You have to type your username, enter a password, and run a startx command to load the main desktop. It adds a really cool hacker vibe to the project.
33m 39s logged
🌀 Devlog #3: Boot Sequence & Loading Loop
I wanted the WebOS to wake up with style, so today I built a loading screen that mimics a classic Windows 11 boot sequence. I designed a custom square grid logo and wrote keyframe animations in CSS to handle the spinning dot ring. In JavaScript, I added stage timers so the system boots into the next screen after a few seconds. It actually looks like a real computer booting up now.
47m 42s logged
🎨 Devlog #2: Stark Calendar
Since my time management is pretty non-existent, I decided to build a custom calendar widget today. I wrote some JS logic that dynamically maps dates, and then styled the calendar grid in CSS with a frosted glass look. Hovering over a date triggers a soft cyan neon glow behind it. It looks really clean and calibrated now.
1h 48m 32s logged
Devlog #1: Base Chassis UI
Today I started working on my web-based desktop called WebOS, inspired by a sci-fi command center or HUD. I spent the day structuring the HTML layout and designing the core CSS grid so everything sits nicely. I replaced the standard background color with a glowing neon repulsor-style wallpaper to make it feel more immersive, and wrote some initial JavaScript setup code to handle showing and hiding windows later.
