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!

BlepOS

By @ibrahim-

  • 33 Devlogs
  • 28 Total hours

A complete web-based operating system. All files are stored locally.

Source
Open comments for this post

@ibrahim- on BlepOS

24m 14s logged

Added an alert for both rewritten files and folders, styled it a bit differently than normal windows by removing the minimise and fullscreen buttons + instead of an iframe it uses text.

0
0
46
Ship #3

@ibrahim- on BlepOS

Some WebOSes don’t let you save files, don’t let you drag files around, neither do they let you delete files, BlepOS is not one of those WebOSes. (this is my second ship, just re-iterating some points for new reviewers)
.
I introduce… BlepOS. :yay: :yay:
BlepOS is a complete web-based operating system.
Files that you create or save persist across reloads.
.
One app can have multiple windows, windows can be minimised, can be brought to the front, and the app itself can be quit (meaning all windows are closed).
.
Windows can be fullscreened, minimised, or closed. Windows can be resized by holding and dragging the bottom right corner.
.
The camera app stores files directly on the desktop, files can be renamed, named, created, deleted (sent to trash). All these operations can be performed via the file manager, RIGHT CLICK to see available options, the whole operating system uses a custom context menu! (when in doubt, right click :yay:)
.
AceEditor allows you to save files in different formats WITH syntax highlighting.
.
BlepOS has a collection consisting of 3 games, present on the Games folder on the Desktop. (MiniClip’s 8 Ball Pool, a Doom knockoff, and BlockWorlds) + we have installable games now <3, just check the BlepStore.
.
Somebody said YouTube doesnt work in the browser.. so I added something EVEN BETTER… BlepTube!
.
The terminal app can be used to perform certain commands, while the settings app can personalise BlepOS for you.
.
All launched apps appear in the dock, while some apps are pinned. Each active pinned app has a white dot underneath its icon.
.
BlepOS also has a spotlight/system-wide search feature, give it a spin.
Complete list of features:

  • App minimising
  • App fullscreen
  • Camera App
  • Calculator App
  • Web Browser (multi-tab support, home button, reload button)
  • Settings App (customisable background, date/time, battery)
  • Multi-window support
  • Force quitting apps
  • Bringing all app windows to front (by clicking the icon in the dock)
  • Custom context menu
  • Draggable and resizable windows (resize from the bottom right corner)
  • File manager
  • Files persist across reloads and new tabs
  • Files and shortcuts on desktop
  • Creating and removing files
  • Code/text editor that can save stuff
  • Saving camera files onto the files folder itself
  • Terminal
  • Games! (doom knockoff, minecraft knockoff, 8 ball pool)
  • Video player, image preview app
  • Desktop unpinned apps (shows app state - closed or open), with tooltips
  • BlepTube (doomscrolling app)
  • Ability to change date/time format (24 hour or 12 hour, DD/MM/YYYY or MM/DD/YYYY)
  • Built-in battery level fetching (via navigator getBattery())
  • Built-in storage calculation (from IndexedDB usage/quota and localStorage)
  • BlepStore, custom app store where you can download and launch apps
  • Downloadable Apps
    • JSPaint (utility)
    • Granny 3: Return the School (game)
    • Mine & Build (game)
    • Subway Surfers (game - the actual one)
    • Cut the Rope (game - the actual one with om nom)
    • Slither.io (game - also the actual one)
  • Spotlight feature (click the search icon in the toolbar)
  • 15 devlogs
  • 10h
  • 18.05x multiplier
  • 176 Stardust
Try project → See source code →
Open comments for this post

@ibrahim- on BlepOS

1h 6m 53s logged

Devlog #32

:yay: This is the final commit (perhaps this is farewell to stardance, but let’s see) :yay:
I’ve added the spotlight feature, works perfectly (i- i hope)


also did you really think i’d face reveal?

0
0
69
Open comments for this post

@ibrahim- on BlepOS

17m 49s logged

Devlog #31

Added icons for both folder states, full and and empty + one for the “Installed Apps” folder.
Also fixed the bug where new windows covered the previous ones completely without an offset.
Also improved the BlepStore styles.

0
0
32
Open comments for this post

@ibrahim- on BlepOS

28m 1s logged

Devlog #30

Added another installabe app, JSPaint :yay: (view video demo)
I also improved the BlepStore, by adding multiple locations where it can save apps, plus made download handling more robust.
Also fixed a few bugs here and there :yay: (i really want that 3d printer)

0
0
87
Open comments for this post

@ibrahim- on BlepOS

34m 22s logged

Devlog #29

Added more downloadable games!! (:peek: subway surfers, cut the rope, slither.io) :yay:
Decided to remove widgets :(
Wasn’t satisfied with how they turned out.

0
0
28
Open comments for this post

@ibrahim- on BlepOS

29m 31s logged

Devlog #28

Added widgets! :yay: (just need to make them re/movable)
Fixed a really annoying bug that came up when switching windows.. it was bugging me in the previous ship too, finally managed to fix it.

0
0
30
Open comments for this post

@ibrahim- on BlepOS

34m 47s logged

Devlog #27

:yay: :yay: Completed the task manager implementation :yay: :yay:
Made it look پیارا and added the kill process function

0
0
36
Open comments for this post

@ibrahim- on BlepOS

23m 12s logged

Devlog #25

Fixed the desktop, now the desktop layout is preserved throughout reloads and stuff. :yay:
This was annoying me quite a bit so glad I was able to fix it :yay:

0
0
52
Open comments for this post

@ibrahim- on BlepOS

27m 15s logged

Devlog #24

:yay: :yay: Added storage settings and storage breakdown :yay: :yay:
“App Memory” is LocalStorage and
“Files” is IndexedDB
While the overall percentage is based off of both of them.

0
0
80
Open comments for this post

@ibrahim- on BlepOS

1h 0m 14s logged

Devlog #23

Finally done with BlepStore + added two more games which can be installed. They get saved to the games folder on the desktop on installation :3-grook:
Fixed a few bugs while I was at it :yay:

0
0
23
Open comments for this post

@ibrahim- on BlepOS

45m 38s logged

Devlog #22

Done with the BlepStore (just need to add some installable apps), please suggest some :yay:
I also updated the easter egg :30fps:

0
0
115
Open comments for this post

@ibrahim- on BlepOS

1h 29m 48s logged

Devlog #21

I totally over-engineered the browser but it was worth it :yay:
Multi-tab support, home button, reload button, and more.
Next up: BlepStore (app store!)

0
0
84
Open comments for this post

@ibrahim- on BlepOS

55m 45s logged

Devlog #20

Added date/time format and battery percentage to the settings app :yay:
The battery percentage thing uses the built-in JavaScript getBattery()

0
0
34
Ship #2 ✨ Blessed

@ibrahim- on BlepOS

Some WebOSes don’t let you save files, don’t let you drag files around, neither do they let you delete files, BlepOS is not one of those WebOSes.

I introduce… BlepOS. :yay: :yay:
BlepOS :blep: is a complete web-based operating system.
Files that you create or save persist across reloads.

One app can have multiple windows, windows can be minimised, can be brought to the front, and the app itself can be quit (meaning all windows are closed).

Windows can be fullscreened, minimised, or closed. Windows can be resized by holding and dragging the bottom right corner.

The camera app stores files directly on the desktop, files can be renamed, named, created, deleted (sent to trash). All these operations can be performed via the file manager, RIGHT CLICK to see available options, the whole operating system uses a custom context menu! (when in doubt, right click :yay:)

AceEditor allows you to save files in different formats WITH syntax highlighting.

BlepOS has a collection consisting of 3 games, present on the Games folder on the Desktop. (MiniClip’s 8 Ball Pool, a Doom knockoff, and BlockWorlds)

The terminal app can be used to perform certain commands, while the settings app can personalise BlepOS for you.

All launched apps appear in the dock, while some apps are pinned. Each active pinned app has a white dot underneath its icon.

  • 12 devlogs
  • 12h
  • 19.58x multiplier
  • 286 Stardust
  • WebOS 2
Try project → See source code →
Open comments for this post

@ibrahim- on BlepOS

50m 50s logged

Devlog #15

ACE Editor is now working finally!!
:yay: :yay: i’d really like if you like ts post and follow (optional) :yay: :yay: <– i wanna get that 3d printer ifykwim

0
0
36
Open comments for this post

@ibrahim- on BlepOS

37m 13s logged

Devlog #14

Really wild to see how quickly BlepOS transformed from a few lines of CSS and JS to this. :orph-cat:

AceEditor is (almost) complete. :yay:

0
0
38
Open comments for this post

@ibrahim- on BlepOS

1h 21m 8s logged

Devlog #13

The OS file system is now functioning!
Pre-existing files can be opened and new files can be added and stored :3-pet:
There’s a surprise at the end of the vid :yay:
Next Up: Saving of ACE Editor files

0
0
30
Open comments for this post

@ibrahim- on BlepOS

1h 32m 46s logged

Devlog #9

Did a lot of bug squashing yesterday + we now have Ace Editor on BlepOS <3
(yk i wouldn’t mind you following the project)

0
0
98
Open comments for this post

@ibrahim- on BlepOS

1h 15m 11s logged

Devlog #8

Finally got done with creating and moving folders on the desktop itself + the files menu accepts file paths to automatically open them :yay:

(since you’re alr here, i wouldn’t mind a project follow)

0
0
30
Open comments for this post

@ibrahim- on BlepOS

1h 32m 41s logged

Devlog #7

The files app is here :D
Also finally managed to get desktop icon dragging working (turns out I had not imported the script <- wasted a lot of time debugging)

0
0
40

@frog 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

Ship #1

@ibrahim- on BlepOS

A simple and easy to use WebOS.
(spent a really long time on getting the animations and startup screen right)
Features (WebOS 1)
App minimising
App fullscreen
Camera App
Calculator App
Web Browser
Settings App (customisable background)
Multi-window support
Force quitting apps
Bringing all app windows to front (by clicking the icon in the dock)
Custom context menu
Draggable and resizable windows (resize from the bottom right corner)

More features planned for WebOS 2.

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

@ibrahim- on BlepOS

1h 45m 29s logged

Devlog #5

I have decided to only add some of the initially planned apps to WebOS 1, and add the remaining in WebOS 2. Nonetheless, some amazing apps have been implemented (including a browser, settings app, calculator, and a camera!).
Check it out!

0
0
28
Open comments for this post

@ibrahim- on BlepOS

1h 30m 35s logged

Devlog #4

Finally got window dragging working smoothly (which broke cus I added a transition and then forgot about it <- debugging nightmare)
All added features:

  • smooth window dragging
  • window closing, minimising, fullscreen
  • multiple windows of the same app
  • app state management
0
0
108

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…