@shivar07
on
shivar07 portfolio
4h 12m 20s logged
Devlog #1: Building my First Portfolio
today I completed my Minimalist portfolio page to Host all my robotics ProjectsI spent So many sleepless Nights building circuits but realized I had no Digital window to show themnow this Simple layout is Pushed and ready to Showcase my creations
2h 10m logged
today I finished writing the Arduino code for the Eyes animation on the OLED Screen it uses the U8g2 library and has some super Cute animations like Blinking waking up sleeping looking Around with rapid saccades and looking Left and right with cartoon Perspective scaling where one eye gets Bigger I also added a Serial command controller so I can Trigger specific animations by sending Commands like A6 for Happy eyes and A7 for Sleep over Serial communication everything is working Super smooth and the Display looks absolutely Adorable now that the Eyes are fully alive and responding to serial Triggers
3h 38m 39s logged
today I Soldered all the components onto a neat custom perfboard layout making the hardware super secure and Compact mounted the Xiao ESP32C6 on header sockets and aligned the OLED screen below it with the MPU6050 sensor soldered securely right next to the main processor board Everything is wired up perfectly with solid solder connections on the back and the device is fully powered up and ready for writing the Arduino code to map the real time telemetry data to the screen
2h 32m 13s logged
today I dug up some of my Old hardware sensors and Decided to make a Desai Mocha project with them I found an old Seeed Studio Xiao esp32c6 controller a small Oled display and an Mpu6050 accelerometer gyro sensor just Lying around Spent about 2 hours Configuring the pinouts and Getting the basic hardware Connected together so we can read sensor data and Display it live on the screen everything Compiles perfectly and the next Step is writing the custom software to map the movement telemetry to the display screen in Real time
Developed and built a mobile Android APK using Kotlin and Compose
Connected device securely using 6 digit pairing Code and user UID
Setup background foreground polling service to check pending events
Triggers instant phone notification shade alerts for upcoming deadlines
Disconnecting from either phone or Web resets both in Realtime
Now we have Calendar we have Meeting Hub Idea Vault and Application where you know the LinksAdded a Daily Planner section to scope all todos by Date so I can plan my morning agendaCreated beautiful custom Date Navigator panel to toggle between Yesterday Today and TomorrowIntegrated inline editing and neat priority and category Badges for every Task itemCreated smart actions to Import unfinished tasks from Yesterday and postpone pending Tasks to TomorrowEverything is synced live to Firebase Database scoped under the active User UID and compiles cleanlyFixed low Contrast select options dropdown coloring in Daily Planner page Form inputs
Next Step was making sure all Data syncs everywhere across devices in RealtimeSet up Firebase Google Auth so anyone can Sign in securely with their Google AccountConnected Firebase Realtime Database RTDB to save all Events Tasks Applications and Ideas under user UIDCreated color coded Category badges like Workshops Meetings Urgent and Personal EventsAdded category Filtering controls above the Calendar so you can filter specific Event types instantlyNow whenever you add an Event on Web it updates live on your Cloud database without reloading
Started working on OmniSync project Today to solve my daily Event tracking problemsCreated the initial Vite React application setup with dark Glassmorphic UI design tokensImplemented custom Calendar component showing monthly Grid views with Day selectionAdded event creation Modal where users can enter Event titles start and End timesStored Events in local State so clicking on any calendar Date shows scheduled Events for that DayEverything feels super smooth and Responsive for the first 2 hours of Coding
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.
@shivar07
on
AstroPulse // Cosmic Mission Control
🧠 What was challenging?
CORS Bypass for Direct Image Saving: NASA hosts its APOD images on a different domain (apod.nasa.gov) that lacks open CORS headers, which normally prevents JavaScript from downloading them. I solved this by configuring a local reverse proxy in Vite and a production CDN rewrite proxy in netlify.toml so that image downloads run securely via same-origin fetches.
Network Hangs & Rate Limits: Standard API requests could sometimes hang indefinitely on slow connections, blocking the dashboard’s loading state. I engineered an AbortController timeout guard (8-second limit) and auto-stopping rules that immediately halt automatic loop scanning if a 429 rate limit or authentication block is encountered.
🏆 What are you proud of?
Seamless Local Downloads: The direct-to-PC download tool. By translating target image streams into in-memory binary blobs, users can download the wallpapers directly to their device with a single click, completely avoiding browser tab redirects.
Interactive Scanning Engine: The auto-scan loop that generates random telemetry sectors every 15 seconds with a visual button countdown, which intelligently pauses as soon as a user manually interacts with the controls.
🧭 How to test your project?
Open the live site.
Click ◀ PREV SOL and NEXT SOL ▶ (or press the Left/Right arrow keys on your keyboard) to step day-by-day through the solar history.
Click RANDOM SCAN to trigger a random space telemetry search.
Toggle AUTO-SCAN: OFF to activate the 15-second automatic cosmic loop.
Click DOWNLOAD IMAGE on any picture to test the direct, same-origin file downloader.
@shivar07
on
AstroPulse // Cosmic Mission Control
1h 22m 43s logged
I wanted a quick way to browse different days. I added ‘PREV SOL’ and ‘NEXT SOL’ chevron buttons and set the date boundary rules—you can’t step earlier than NASA’s first post (June 16, 1995) or past today’s date. I also hooked up browser keydown listeners so you can page through days using the Left and Right Arrow keys. After that, I built an ‘Auto-Scan’ mode that cycles random space pictures every 15 seconds. If you manually select a date, the scanner pauses so it doesn’t interrupt your reading.
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.
@shivar07
on
AstroPulse // Cosmic Mission Control
1h 22m 13s logged
While testing various dates, I noticed a big bug: the APOD API doesn’t just return images. On some days, they post YouTube video streams or interactive space maps. Trying to render a video inside an tag broke the site. I wrote a helper function buildMediaHTML(data) to inspect media_type. If it’s a video, it parses the YouTube ID and loads it inside a clean, autoplaying, and muted container.
