stardance has been extended another month! the new deadline is october 31 :)

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

MY WEBOS

By @EVINJSUBIN

  • 5 Devlogs
  • 8 Total hours

This is my very own OS that can be run in the web!

Source
Ship #2 💀 Cursed

@EVINJSUBIN on MY WEBOS

What I made I completely rebuilt OrbitOS from the ground up! My first version was just plain HTML/JS, but for WebOS 2, I totally leveled up and rewrote the entire operating system using React, Vite, and Tailwind CSS.

What’s New (My 3+ Features):

Live ISS Tracker: A custom dashboard app that pings an API every 5 seconds to get the real-time coordinates and telemetry of the International Space Station. 🛰️
Orbit AI Assistant: I built a smart AI assistant directly into the OS.
New Taskbar & Window Engine: I upgraded the old floating dock to a sleek, frosted-glass full-width taskbar, and added buttery smooth window dragging physics using Framer Motion.
What was challenging & What I’m proud of The hardest part was actually deploying it! I ran into the dreaded “blank white screen” bug when pushing my React app to GitHub Pages, and had to learn how to configure Vite’s base paths correctly to fix it. I’m really proud of how the ISS Tracker turned out—it perfectly fits the space theme and makes the OS feel like a real mission control dashboard.

How to test it When you open the link, let the cinematic boot sequence finish, then:

Click the ISS Tracker icon in the taskbar (the radar icon) to see live satellite data!
Open the Terminal app and type neofetch or whoami.
Try dragging and snapping the windows around—the physics feel great.
Go to Settings and play around with the different themes and wallpapers!
Hope you guys like it! 🌌✨

  • 2 devlogs
  • 6h
  • 5.53x multiplier
  • 18 Stardust
  • WebOS 2
Try project → See source code →
Open comments for this post

@EVINJSUBIN on MY WEBOS

5h 40m 35s logged

OrbitOS 2.0 is officially ready for launch! 🚀I just completely overhauled the OS from the ground up using React, Vite, and Framer Motion. Here’s what’s new:New Taskbar: Upgraded the floating dock into a sleek, full-width frosted glass taskbar.ISS Tracker: Built a custom satellite app that pulls live telemetry and coordinates from the International Space Station every 5 seconds! 🛰️Orbit AI: Integrated a built-in smart assistant directly into the desktop.Space Theme: Fully customized the boot sequence, terminal, and styling to match a deep space aesthetic.Super hyped to finally ship this version! Let me know what you think! 🌌✨

0
0
25

@coolcream approved your project

This project was vetted by Shipwrights and is now up for voting. You can ship again after making more updates.

Shipwright walkthrough

@Floppy returned your project

This needs changes before we can consider it shipped. Review the Shipwright feedback, make updates, then ship again.

Shipwright walkthrough

@Rohan returned your project

This needs changes before we can consider it shipped. Review the Shipwright feedback, make updates, then ship again.

Shipwright walkthrough

Open comments for this post

@EVINJSUBIN on MY WEBOS

35m 39s logged

orbitOS devlog update!! fixing stuff for review 🛠️my ship review just came back so im changing my code to fix some stuff they mentioned!i had to go through and clean up my code files and change how my variables were named so it made more sense to read. i also took out a bunch of comments i had left in there while i was building it so the files look cleaner now.im so glad i got the feedback so i could fix it before the final finish. everything is working perfect now and im rly proud of the ISS tracker app! 🌌

0
0
44

@Rohan returned your project

This needs changes before we can consider it shipped. Review the Shipwright feedback, make updates, then ship again.

Shipwright walkthrough

Ship #1

@EVINJSUBIN on MY WEBOS

I made OrbitOS, a space-themed web operating system! The most challenging part was building the custom JavaScript physics engine to make the windows draggable while dynamically managing z-indexes. I’m incredibly proud of my unique app: a live ISS Tracker that fetches real-time coordinates from a public API.

To test it, double-click the desktop icons (Notepad, Browser, or ISS Tracker). You can drag the windows around by their glowing title bars. Try typing notes (they auto-save!) or enter a custom URL in the browser’s address bar!

Try project → See source code →
Open comments for this post

@EVINJSUBIN on MY WEBOS

32m 46s logged

OrbitOS Devlog 2: Defying Gravity 🛸The window manager is officially online! Building a custom draggable UI from scratch was tricky but incredibly rewarding.Progress:Window UI: Designed a sleek, frosted-glass window template using HTML and CSS.The Physics: Wrote a custom JavaScript engine using mousedown, mousemove, and mouseup events. It calculates the mouse delta to perfectly reposition the window using position: absolute.Z-Index Layering: Added logic so that whenever a window is clicked, its z-index dynamically increments, ensuring the active app is always brought to the front.Next up: Building our unique mini-apps and fetching live API data! 💻

0
0
7
Open comments for this post

@EVINJSUBIN on MY WEBOS

1h 15m 2s logged

OrbitOS Devlog 1: The Boot Sequence 🚀We’ve laid the foundation for OrbitOS! Aiming for a futuristic aesthetic, I implemented a deep-space, neon-accented theme.Progress:Structure: Built clean HTML with a #desktop area and a #taskbar.Design: Used layered CSS radial-gradients to generate a starfield and nebula effect from scratch (no images!).Taskbar: Designed a frosted-glass UI (backdrop-filter) with neon cyan borders and a glowing Start button.Functionality: Scripted a real-time JS clock.Next up: Tackling the window manager to make apps draggable! 🌌

0
0
8

Delete project?

Are you sure you want to permanently delete this project? This action cannot be undone.

All devlogs, followers, and associated data will be removed.

Followers

Loading…