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

NebulaOS

  • 12 Devlogs
  • 16 Total hours

This is my very own OS that can be run in the web! made with react which im kinda new to

Ship #2

I Created a web os space themed with 5 apps and 3 backgrounds with an app bar, drop downs, and music player with tileable windows and adjustable sizes

  • 2 devlogs
  • 1h
  • 5.63x multiplier
  • 5 Stardust
Try project → See source code →
Open comments for this post

22m 30s logged

Final finished the playlist issue now it should run fine, music works, slight ui changes nothing too noticeable.

0
0
10
Open comments for this post

34m 7s logged

removed refrences to backend opting for invisible i frame as i couldnt figure it out, it now has quing and autoplay/loops videos now. working on cleaning up ui, and ill try to get titles of music.

0
0
7
Ship #1

I made a web OS, it has an app launcher, basic window management such as dragging, resizing, closing, maximizing and ok snapping, music player with YouTube links, various apps, changeable backgrounds, an app launcher at bottom, meant to look like riced linux but im not the best at frontend. its spaced themed, some of the apis aren’t consistent like weather rate limits and privacy may mess it up, currently media server so music player isn’t working, debugging that now. when it does work it’ll be instant as backed is separate.

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

49m 40s logged

final devlog, i added window management, ship ill add the jpgs for backgrounds in, i tried to fit all the apps in menu in here but gave up so it looks like this, had a minor hitch topbar was hiding controls so i had to add more offset for that. final-ish desktop environment look

0
0
11
Open comments for this post

4h 4m 57s logged

GIANT dev log heres what i added: fixed media handling, now it displays song title, saves, and more, made windows fit no matter if they are maximized or not. added calculator, notes, terminal, and snake(the game) apps. added a few gifs, fixed weather api. Added background handling into settings menu despite no images a bunch of styling, but mainly debugging the window issue which was stupid simple fix i didn’t see but that took forever, and media server being inconstant, one issue was that local storage wouldn’t save as an array causing the frontend to crash and just dispaly black, more with snake logic and matching it to screen. and a few minor issues like weather api not working rate limits, and more. everything is functional as of now, next ill add background images then tiling/window management because its pretty cluttered right now. but this feels like it took less time than it says, mainly debugging, styling, and a few new apps.

0
0
7
Open comments for this post

1h 15m 42s logged

i fixed the dragging issues, windows now work fully and fixed the background issue on whiteboard, all controls work as well, added a dropdown(css and functionality isn’t fully finished) and re aligned some things in top bar. no real issues on this one other than i cant draw with an mouse, i wanna make music work next and app searching would be nice, ill try to finish all of this by today or tomorrow

0
0
21
Open comments for this post

1h 10m 33s logged

WIP: desktop environment, Filler is for icons, forgot about drop-down and i think i wanna add a background to time and move it to the right, works well. i had trouble with using components functions from desktop because i didn’t realize React doesn’t work like python with component.method() so i had to refactor a small chunk of code but now that works, another issue i haven’t fixed yet is: weather isn’t displaying, and currently react-dragable doesn’t work with Vite so i need to re configure or make my own. its coming out pretty good though. ill fix CSS then dragable, and add more apps, Hopefully a background too and test out music.

0
0
12
Open comments for this post

1h 37m 16s logged

Created app launcher, made windows draggable, added routing so i can test tho blank screens as half finished, fixed music API and made backend for it using an old project and decided to stream instead of downloading in backed and keeping it in local storage(not yet but it will) so that everyone doesn’t have to share the same music and i don’t need to host all the mp3s. also added an whiteboard app and placeholders for others. one struggle is tiling not sure how ill do that just yet, and another was deciding how i would get music since HTML is limited to browser i cant just sync browser visuals to music or control it i need to stream the music. also spelling was an issue for a bit and i still cant see my desktop due to references to stuff that’s incomplete and no CSS. good work so far though, i plan to polish add more apps and try to get a simple tiling system along with just floating windows next. and having desktop visible.

same SS for now, promise next one will have a visual update (;ŏ﹏ŏ;)

0
0
23
Open comments for this post

39m 57s logged

created window manager now i can close, min/max windows, and display apps in theory no data or CSS to back it up. top-bar has features basically done i do need to finish and get assets for the drop down in it so placeholders for now. one issue ive been having is that react is very annoying and a lot of moving parts to set up stuff im more used to python. going to develop some apps and backend, set up nav, fix dragging because i didnt add that ablity yet, and create launcher and bg next.
img is still boot screen i think i should add stars in background as well.

0
0
26
Open comments for this post

1h 18m 4s logged

Improved boot menu, i added ASCII Saturn to right of terminal and made loading bar inside terminal window. started work on window manager, placeholder for api.js, added clock in top-bar placeholder for more features, and begin work for windows.jsx. i realized react doesn’t work like python so i cant dynamically render apps like i wanted to in windows so ill have to have to change how apps will be rendered. no CSS for top bar yet. i plan to complete top-bar features next update and have working windows/app launching.

0
0
177
Open comments for this post

1h 16m 22s logged

Creating the welcome/bootscreen rough draft complete., made desktop and project skeleton with dynamic apps/launching for future starting topbar.
react is hard and i need to sync animations better as well as continue work on more features. ill complete topbar and windows next.

0
0
29

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…