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!

Fluetro OS

  • 52 Devlogs
  • 64 Total hours

This is my very own OS that can be run in the web! Inspired by Fluent and MacOS Aesthetics.

Open comments for this post

1h 46m 24s logged

Fluetro OS DevLog 052

Well, this is embarrassing

New Stuff added

  • Browser has its own custom accent color now (like how browsers on Windows have)
  • The Photo Viewer icon stuck in the dock is now gone and appears only when Photo Viewer is called

Fixes

  • Fixed the issue with the dock padding when Photo Viewer wasn’t called

Stuff that happened

  • Tried to add a dynamic accent color sync system for the browser, it worked to some extent, but it won’t instantly sync if you changed the wallpaper to change the accent color, but would sync that accent color after a restart, so I had to remove it. Will try to implement it later though.
  • I have been working on a Music Player app (as I said that there will be one in a future update), wasted a lot of time debugging it trying to find out why the music wasn’t playing, turns out, the Integrated Browser in VS Code doesn’t allow intregated <audio> elements. Tried in my default browser (and brave), works as intended. (Please ignore the bright blue background, it’s just a placeholder)
0
0
28
Open comments for this post

1h 3m 33s logged

Fluetro OS DevLog 051

Lost my 25-day Streak :cry-cursed:

New Stuff added

  • Photo viewer that can open photos from the gallery and adjusts according to image size

Fixes

  • Fixed the Delete system, so now it deletes only what you want to delete, and it’s now persistent so it stays that way even after a page refresh/restart

Current bugs/issues

  • The issue with the sub-folders not opening after the parent folder is renamed still exists
0
0
3
Open comments for this post

1h 38m 11s logged

Fluetro OS DevLog 050

Half-century DevLog? Really? :amaze:

New Stuff added

  • The rename function works now
  • Delete button kinda works
  • Yeah that’s about it

Fixes

  • The rename function was really hard to implement, so there were lots of glitches and issues and stuff, I did manage to fix most of them, the rename box was originally meant to show over the existing file name, I did do some research to see if I could get it to work this way, but since I couldn’t get it working, I had to improvise and do the separate rename section.
  • Tried to make the rename system be inside one single eventListener but couldn’t get it to work that way, had to create a separate function to call along with
  • Pressing the rename and delete buttons no longer remove the selected state from the item.

Current bugs/issues

  • Clicking delete doesn’t dismiss the context menu (easy fix but it’s here because it’s just my current progress)
  • Clicking delete for one item deletes all the items in the folder
  • Delete is temporary and resets on refresh (for now at least)
  • Nested Folders don’t work if you rename the parent folder (for example, in the video I rename a folder, then the folder inside it doesn’t open. This is fixed on a restart/webpage refresh)
0
0
22
Open comments for this post

1h 36m 39s logged

Fluetro OS DevLog 049

Very little progress, since most of the time just went into debugging and fixing stuff, tried using Copilot in VS Code but it’s :ms-poop:

New stuff

  • The context menu is finally aligned :yippeee:
  • The context menu got icons now
  • Made the delete button have a red icon and red text
  • The open button in the context menu finally works
  • Had to redo the file handling system so the open button system can be implemented easier

Fixes

  • Broke everything, yeah, literally the whole OS, while trying to redo the file handler because I was removing some lines (individual EventListeners) and putting them under one roof, but I forgot some brackets, since I couldn’t fix it easily, I tried to use Copilot (the one inside VS Code) to find out what’s causing the error, dude literally said that there’s an error in these lines, no elaboration or fix :disappear: so I had to get the code from my backup and redo everything very carefully, so now it’s ok :happy:
  • I have never positioned an element inside another element that can be resized, so this was new and challenging for me to align the context menu nicely with respect to the files window and its variable size system, it took some time, but I did it.

Current issues/bugs

  • Rename and Delete buttons are still to be implemented
0
0
35
Open comments for this post

2h 47m 47s logged

Fluetro OS DevLog 048

Late DevLog, couple of improvements, mostly fixes
Was supposed to upload a DevLog yesterday but had some issues with the internet (had to ditch the router), probably some coding time isn’t event logged :ok-cry:

New Features added/changelog

  • Revamped the File Management system so now the sub directory system actually works, like you create a “New Folder” in one directory, and one in another, and now they both don’t overlap/refer to the same directory :confused-dino-2:
  • Added icons inside the Sort Menu :yipee:
  • Added a context menu for files/folders (the positioning is broken since the css isn’t done correctly, because I’ll probably be using some inspiration from Fluent New Tab for the dynamic positioning)
  • The context menu for files/folders behaves differently according to if the Folder/File mentioned is a System one or User Created :wowzers:
  • You can now un-select items by clicking somewhere else inside the app, this even updates the details pane accordingly
  • Added custom “Date modified” parameters, so they correspond to when the file/folder was created
  • Internal Storage now shows Size as 23.4 GB / 512 GB
  • Removed Trash :certified-trash: :hemadeastatementsotrashevenhisgangclownedhim:
  • Changed the animation for the details bar (“Name | Size ….” bar) at the top to just minimize in height and not width too.

Fixes

  • As I said in changelog, the folder directories don’t overlap now
  • I made lots of errors while trying to get this new directory system to work, like the folder numbering not working correctly, like there’s a folder: “Internal Storage\New Folder (2)”, and then you try to go to downloads and create a folder, and then it’s named “New Folder (3)”
  • There was also an issue where the address bar pointed to somewhere else rather than the original path for that directory (so I had to combine multiple arrays for directory system to one, which is part of the Revamped file system)
  • Fixed a background size inconsistency in the gallery section
  • Fixed the status bar in gallery saying “undefined items”
  • Fixed the context menus being transparent instead of blurry (for Files and Browser), so now they’re opaque like Chrome or Edge or Safari :big-brain:
  • Removed all pointer events from the details bar at the top, so it no longer shows the hand pointing cursor when hovering

Current issues/bugs

  • The file/folder context menu is positioned oddly and doesn’t have any icons :sad-cake:
  • The details pane icons are blurred since it uses the 32x32 icons I used in the file/folder icons
0
0
14
Open comments for this post

2h 34m 11s logged

Fluetro OS DevLog 047

One step closer to finishing the Files app

New Features added

  • New File and New Folder options that actually work (with icons BTW)
  • New File can only be used to create text files, and the get the Type as Text File, and a .txt extension
  • User Created files/folders now stay even after a restart/page refresh (like in your browser, not the files or browser app of Fluetro)
  • Removed the size detail for folders since most OSes don’t even show it
  • Sorting actually works, but it’s only Ascending or Descending, only based off of the Item name
  • Clicking the dock icon now instantly focus the corresponding window, except for errors
  • Added an actually working address bar, inspired by the older Windows (like XP), which can also take user input to go to said location
  • Putting in an invalid location in the address bar gives an error box, like the System or unsupported file type errors

Fixes

  • Fixed issues that I faced while implementing the Dynamic Naming Process for the User Created files, like adding the extension for the Text Files
  • Fixed an issue with the sorting logic, where, since I copied most of the logic from the ascending system to the descending system, I left the button click listener for the ascending system, in the descending system, so for some time, clicking ascending just sorted the items in descending :cryign:

Current issues/bugs

  • The Sort and New Menus don’t close if I click anywhere else in the files app
  • You can’t unselect an item
  • The Gallery Status bar shows “undefined items”

Note

Added the Gallery Screenshot promised in my last DevLog

0
0
12
Open comments for this post

1h 53m 46s logged

Fluetro OS DevLog 046

Frequency of DevLogs has plummeted, but Files app is almost complete## New Features Added

  • Preview Pane changed to Details Pane
  • Details Pane actually works
  • No Details Pane in Gallery
  • .exe files open the corresponding app
  • Added a scrollbar for the apps folder since it has way too many items
  • Made the Files Status bar independent of the files body, so it doesn’t go away when scrolling
  • Made the Details area on top (Name, Size etc.) independent of the files body, so they don’t go away when scrolling
  • Added a select system which triggers the details pane
  • Details pane won’t show up after coming back from gallery if you disabled it previously, otherwise it will

Fixes

  • Made a mess while trying to move the Status and Details areas, noticed it was because I had a part of js coded into the details area for future purposes(sorting), so I removed it and now it’s just cosmetic and does nothing else, and the status bar was appended to the main files body, which I changed to another div that contains the file operations area (New, Sort etc.), the details area and the files body
  • Broke the details pane while trying to use querySelector to check if Gallery is active and the button is disabled or not, fixed it by switching to contains
  • Fixed the padding and margin for the Details Pane to match the height of the Files main area

Current issues/bugs

  • I was thinking of adding Windows-style breadcrumb address bar, but that’s very problematic, and might not even suit it well, so I’ll be adding a retro-style “" system for the address bar
  • There’s still no new and sort system

Note

I forgot to add the screenshot of gallery, and now it’s only allowing me to replace the existing files and not add more

0
0
57
Open comments for this post

1h 20m 4s logged

Fluetro OS DevLog 045

Adding the preloaded files and folders was easy (which I did before), but now progress has been slowed, again

New Features added

  • Menus for Sorting and New File/Folder creation
  • Different states for the New and Sort By buttons
  • Removed Search Bar (too complicated to implement)
  • Removed View option (still complicated to implement, might add it again later on)
  • Removed Up one level button (most complicated)
  • Added an error window that shows up when you try to open up a file that’s not supported by any existing app

Fixes

  • I wasted a lot of time trying to fix the issue in the css that was causing the weird position for the menus, turns out the css wasn’t the issue at all :cryin-anim: and it was actually the HTMl since I put the menus outside the upper button panel handler
  • I also wasted a lot of time trying the hit-and-run approach for the perfect height and width for the unsupported file type error box
  • Fixed the corner radius for the System Menu (even though barely noticeable)

Current issues/bugs

  • You can still go inside .exe files, since they’re still treated as folders (actually the type doesn’t matter for them, since the code is really simple for the folders and items)
  • Something weird is going on with the padding for the sort and new menu buttons, and they don’t have blur either
0
0
11
Open comments for this post

2h 32m 37s logged

Fluetro OS DevLog 044

Lot of progress

New Features added

  • An actual File System with lots of Files, including Apps and User Files
  • Custom .igr File extension and “Integration” type for Games files
  • Working Navigation buttons, except the “Up one level button”
  • Double-click system for files/folders
  • Different file/item types and different icons for each one
  • Disabled states for navigation buttons when not available/applicable
  • Fully redesigned “Access Denied” error box
  • Access Denied error integration when trying to access System Files
  • Separate dock icon with running status for the error box
  • Connected Navigation panel to individual folders/locations
  • Animations on the error icon on the dock when it appears and disappears
  • Animations on dock for expanding and shrinking to make room for the error icon

Fixes

  • Minor fixes regarding the UI like hover effect for the OK button in System info box and corner radius adjustment in certain areas
  • Fixed the weird padding at the right side of the dock due to appearance and disappearance of the error icon

Current bugs/issues

  • As I said earlier, the Up one level button doesn’t work
  • Address bar still need a lot of work
  • Search is still just a placeholder
  • Preview pane is still in the works
  • I didn’t add the sounds, and I’ll probably add them last, because being forced to hear those sounds every time I restart Fluetro for debugging will become irritating fast
  • There’s no scroll bar in the Files App

Note

  • The animation looks jittery, but it’s due to some issue with Snipping Tool, it’s really smooth in reality
0
0
19
Open comments for this post

1h 41m 16s logged

Fluetro OS DevLog 043

Slow and steady progress

New Features added

  • Toggleable Navigation and Preview Panes
  • Slight Redesigns for Browser, Paint and Gaming Hub Games
  • Minor redesigns for all tooltips
  • Animations while enabling or disabling the Navigation and Preview panes
  • Made iframe based windows easier to resize and move

Fixes

  • Fixed an issue where the hover of an object inside the files body would get cut off
  • Fixed an issue where the Close button tooltip would get cut off

Current issues/bugs

  • Resizing the AI/Daily Brief app is slow and kind of jittery
  • The items inside the files body currently do nothing
  • There’s no active state in the Navigation pane for the folder you’re currently in
0
0
13
Open comments for this post

1h 44m 13s logged

Fluetro OS DevLog 042

Well, at least this is better than the last time :sad-cat-thumbs-up:

New features added

  • Placeholder for Preview Pane
  • Working Navigation Panel
  • Working Gallery, currently only shows the preloaded wallpapers and I plan to add more images, maybe some taken by me
  • A different screen for visiting empty folders
  • Changing address bar icons according to the folder you visit
  • Changing address bar text according to the folder you visit
  • Added Trash (Recycle Bin), only as a Navigation Panel location for now

Fixes

  • I checked the feedback and found out Minesweeper was not working for the current version of Fluetro, so I checked and found out that vercel is case sensitive and so it didn’t work, I fixed it now
  • Yes, I’ll be adding almost all the features from feedback like making the dock auto-hide on maximize for more usable screen real estate
  • Fixed multiple errors that I made while trying to make this update to the Files app, mostly by missing an “=” sign or a “.” at places. These errors basically broke everything, making everything non-interactable.

Current issues/bugs:

  • IDK how I got the Details and stuff at the top to get working, but now I can’t get the content to adjust according to it, so it breaks whenever the window is maximized (screenshot attached)
0
0
64
Open comments for this post

1h 56m 43s logged

Fluetro OS DevLog 041

Very little progress :uncanny-incredible:

New features added

  • Added an operations section (new, sort by and view)
  • Added what’s supposed to be a details panel
  • Added a status bar
  • Added placeholder content
  • Added the top bar for the content, with separators

Current issues/bugs

  • This is really complicated and all this time I am using up, is just for debugging, which is crazy
  • The details pane is still blank
  • Nothing does anything, since I have only managed to do the css and html so far
1
0
72
Open comments for this post

2h 30m 1s logged

Fluetro OS DevLog 040

Exact reason why I delayed the development for the Files App

New Features added

  • Scrapped the plan for making the Files app iframe based
  • Added the Files app code directly into Fluetro code for better OS integration
  • Added Navigation pane containing all important OS locations
  • Added a main section for the app, where the content will be shown
  • Also fixed dark mode for the app
  • Removed the Work in Progress window for the Files App

Fixes

  • Fixed the backgrounds for the different app elements

Current issues/bugs

  • I have been working on this for almost 2.5 hours and managed to come only this far, nothing else is done, no JavaScript, or system, only the visual app is present, and opens on clicking the files icon on the dock
  • Should I change the icons in the Navigation panel to colorful ones?
0
0
14
Open comments for this post

15m 47s logged

Fluetro OS DevLog 039

First DevLog after 2nd ship

New Features added

  • Started working on the Files app, so now it only has a really basic design, mostly taken from the WebOS Browser project (image attached), it currently does nothing, and is just a blank slate

What’s in the works?

  • Made some sounds for the UI like Startup, login, and shutdown
  • Got a new roadmap and a whole list of features to add next
0
0
15
Ship #2

I have now made Fluetro OS into a much more complete OS experience. It now has a working Browser, AI Brief, and some games, along with the previous Paint, Memo and Calculator apps. It now also includes a Boot screen and a Restart function, along with automatic and more consistent Accent Color theming throughout the UI. Also, the UI is now much more consistent with its icons and design.
The biggest challenge for me was trying to “not” make silly mistakes, I’d forget a comma or a semi-colon somewhere or misspell something and it’d break the whole system. I especially had trouble with the animations and different app states.
I am especially proud of how much the OS has evolved through the span of only a month, I tried my best to make it feel usable and interactive.
To test it, just click try project and use it. The AI Brief feature will ask you for your location permission and if denied will resort to IP-based location, but the built-in weather system of the OS will require you to add your own location from the Quick Settings.

  • 35 devlogs
  • 36h
  • 18.53x multiplier
  • 669 Stardust
  • WebOS 2
Try project → See source code →
Open comments for this post

15m 33s logged

Fluetro OS DevLog 038

Did some last-minute changes

New Features added

  • Now you can actually see what wallpaper you have selected
  • The Calculator now follows the accent colors for more buttons

Note for reviewers

Some browsers may currently display phishing or scam warnings when accessing my GitHub Pages websites. These appear to be false positives. My projects are designed with a privacy-focused approach and do not intentionally collect sensitive user information. I have already reported the issue and am currently waiting for the warnings to be reviewed and resolved.

0
0
31
Open comments for this post

42m 28s logged

Fluetro OS DevLog 037

Final DevLog before 2nd Ship

New Features added

  • New favicon
  • Automatic Accent colors for the 4 preloaded wallpapers
  • The accent colors not only affect the active toggles, but also affect the TopBar/System Menu Logo, the seconds hand of the clock, the today indicator of the calendar, the separators in the dock and the Welcome/Lock Screen too
  • New spinning design for the Signing out/shutting down/restarting screens
  • Fixed the default window sizing for the browser
  • Removed the “…” from the above-mentioned screens
  • There’s also an accent2 for the gradient design, and it will be customizable in later versions
  • Removed a really light color that was present at 50%

Fixes

  • The lock screen gradient is now smoother, and the text is easier to read due the color removal.
  • Fixed the tooltip artifact issue from my Last DevLog

Current issues/bugs

  • Opening Files no longer shows Work in Progress but shows “This Location is System Protected”, this was due to me making an error screen for situations where the user tries to access stuff in the OS that they’re not supposed to. But since it’s already there, it stays. It will be fixed in a later release.

What’s next?

Ship #2

0
0
45
Open comments for this post

1h 28m 27s logged

Fluetro OS DevLog 036

Redesigns, features, and animations

New Features added

  • Minimized and open running states for the dock icon, inspired by Windows 11
  • Redesigned the logo again, and made it perfect this time
  • Redesigned running design for dock icons along with a custom hover design for that state.
  • Redesigned Boot Screen inspired by macOS and Windows 7
  • Redesigned System information window
  • Animations for the different app states in the dock
  • A restart function that shuts down and reloads the page
  • Redesigned Dark Mode
  • Redesigned accent color

Fixes

  • Fixed an issue where Signing out won’t close any open apps
  • Fixed an issue where the running states would be jumping around when switching (made this issue while trying to add the different states)

Current issues/bugs

  • There is an issue with tooltips where a line with the tooltip color appears and stays until another tooltip appears

What’s next?

I’ll probably be implementing an automatic accent color system for the present 4 wallpapers before the second ship. What the 3rd ship will include will be included in the README.

0
0
15
Open comments for this post

1h 31m 5s logged

Fluetro OS DevLog 035

Redesign and more stuff

New Features added

  • Boot Screen
  • Redesigned logo and Lock screen inspired by the default wallpaper
  • Transitions and Animations for Boot Screen
  • No pointer in Boot Screen

Fixes

  • Fixed an issue where Escape and Function Keys won’t work, this was due to a misplaced exclamation mark 😐
  • Fixed the lock screen animations which I broke while trying to add the Boot Screen

Current issues/bugs

  • There’s something wrong with the Sign Out option, since it’s keeping the apps open when signed out

What’s Next?

I’ll probably be adding a restart option, and then do a 2nd ship, there’ll also be a 3rd ship with the Files App, which is possibly the hardest thing to do (at least for me) in this project.

0
0
16
Open comments for this post

27m 1s logged

Fluetro OS DevLog 034

Some changes

New Features added

  • Added icons to the System Menu
  • Full logo redesign
  • Finished on a new color scheme
  • Animation when hovering on or pressing the Continue button on Welcome screen

Fixes

  • Fixed the animation system for the Continue button on the Welcome Screen
  • Finalized the new color scheme

Current bugs/issues

  • I still don’t know if this color scheme is better than the original one(1st image)
0
0
15
Open comments for this post

55m 46s logged

Fluetro OS DevLog 033

Some redesigns

New Features added

  • Better logo design

Fixes

  • Fixed an issue where the running state of the app won’t show but instead make the tooltips of that app have its color.

Current issues/bugs

  • This is an issue, I am thinking of giving the OS a better and more premium color identity, should I stick with the old color design or the new one, or if someone could provide any new suggestions, that would be nice too.
0
0
10
Open comments for this post

36m 44s logged

Fluetro OS DevLog 032

Huge addition

New Features added

  • Browser is no longer a Work in Progress

Fixes

  • Spent a lot of time trying to figure out how to send the theme from the OS to the Browser, since earlier that part of the code was handled inside the Gaming Hub code.
    So yeah, that’s just about what I did for the latest logged time
0
0
12
Open comments for this post

1h 4m 52s logged

Fluetro OS DevLog 031

More icons and some small additions

New Features added

  • Added arrows for the buttons for changing Calendar Month in the Time & Date flyout
  • Added tooltips for all the buttons in the TopBar that can open flyouts
  • Themed the tooltips
  • Made the topbar tooltips not open if a flyout is open
  • Added tooltips to dock icons

Fixes

  • Fixed the gap and alignment of the buttons used to change months in the calendar
  • Fixed the weird pill-shaped today indicator in the calendar flyout
  • Fixed positioning issues with the tooltips
  • Fixed the issue of the System Menu not having any background blur

Current issues/bugs

  • Have added too much animations/fancy stuff/polish instead of adding actual features

Next target

  • The Fluetro Browser
0
0
6
Open comments for this post

28m 39s logged

Fluetro OS DevLog 030

More icons

New features added

  • Replaced the icon for the Continue button at the login screen
  • Replaced the icon for the exit game button in Gaming Hub
  • Added animations to the exit game button
  • Overhauled the calculator with icons

Fixes

  • Fixed the dark mode color for the percentage operator, it became invisible during dark mode
  • Made the exit game button in Gaming Hub show up only when a game is running
  • Fixed the AC button being too bold

Current issues/bugs

  • Need to add more icons for the Weather flyout
0
0
7
Open comments for this post

25m 7s logged

Fluetro OS DevLog 029

More icons and more fixes

New features added

  • Redid the Weather flyout with the new icons

Fixes

  • Wasted a lot of time trying to rotate the icon for the refresh button, then I realized that something called “rotate” exists for html, but then the icon was off-center so I had to go through a bunch of margin length and stuff just to get it to be centered
  • Fixed the issue of the Calculator taking input when not focused

Current issues/bugs

  • There are many more buttons left where I need to add icons, and many more that need changing
  • Will add the browser as soon as my work on WebOS Browser is completed, meanwhile I am working on a file structure for the Files app.
0
0
14
Open comments for this post

44m 14s logged

Fluetro OS DevLog 028

I’m back to Fluetro OS after working on Fluent New Tab for some time, I’ll also be working on my WebOS Browser project alongside this.

New Features added

  • Didn’t do anything much, just learned about Lucide
  • Replaced all window control icons
  • Replaced the Quick Settings icon
  • Added Keyboard input to the calculator

Fixes

  • Fixed the “%” button in the calculator having the wrong color

Current issues/bugs

  • The keyboard takes input unless you are typing anywhere else
0
0
10
Open comments for this post

41m 47s logged

Fluetro OS DevLog 027
•OK, so I’m back to Fluetro OS after working on some other projects like Fluent 2048 and Fluent Minesweeper (which I did because working on games inside the code of Fluetro was problematic due to having so much code for the OS itself)
•As I said I did make those games for this and will be adding those here, so I did.
•So now there’s a total of 5 simple and easily recognizable games in Gaming Hub.
•I am thinking of doing a 2nd ship of this today, but should I? I did add 3 features and plan on adding more later.
•The Fluent 2048 and Minesweeper games are a different version of what I’ve uploaded as separate projects, so they might look “a bit” different.

0
0
11
Open comments for this post

37m 19s logged

Fluetro OS DevLog 026
•Added the custom version of Fluent Minesweeper
•Added an animation while changing from Dark Mode to Light Mode and vice-versa
•Working on a new logo for the OS
•Working on more custom games and features

0
0
17
Open comments for this post

56m 13s logged

Fluetro OS DevLog 025
•Added a Last Played section to Gaming Hub showing the game last played by the user
•Added the “My Games” heading
•Edited the Work in Progress Windows to behave differently (for a future purpose)

0
0
20
Open comments for this post

36m 37s logged

Fluetro OS DevLog 024
•Added Chrome Dino as a game
•Added Surf (from MS Edge) as a game
•Fixed an issue where the bottom of the window would not be visible (especially Minecraft Classic)
•Fixed multiple UI issues and bugs in Gaming Hub
•Added icons for all the games and Gaming Hub

0
0
25
Open comments for this post

1h 22m 35s logged

Fluetro OS DevLog 023
•Scrapped the previous games because those websites refused to work with iframe
•Added Minesweeper instead of GTA: Vice City
•Added Minecraft Classic
•Added Separators in the Dock (forgot to mention in previous DevLog)
•Added an issue where the top has a lot of extra padding
•Thinking of taking another break to create my own Minesweeper and other games/apps to add here

0
0
36
Open comments for this post

46m 25s logged

Fluetro OS DevLog 022
•Added Dock and Title Bar icons for Daily Brief
•Made Memo resizable and have maximize/restore down functions
•Added a Gaming Hub for games to be added

0
0
45
Open comments for this post

25m 41s logged

Fluetro OS DevLog 021
First DevLog for WebOS 2 project
•Added an AI Brief app using iframe (app created by one of my friends)
•This app uses an approximate in-browser location from your IP, so the Weather in my topBar is different than what’s shown here.

0
0
30
Open comments for this post

1h 55m 47s logged

Fluetro OS DevLog 020
This might be my last DevLog to this project before uploading this to GitHub and Shipping
•Added a new Logo, with a stylized F
•Added actual icons to the Dock and Title Bar
•Replaced the settings icon placeholder emoji with an actual icon
•Turned Memo into an actual Memo, so it’s not resizable and doesn’t have Maximize/Restore Down buttons
•Added some more text to the System Info box

0
0
23
Open comments for this post

1h 38m 39s logged

Fluetro OS DevLog 019
•Added Nicer animations to Flyouts
•Added a separate menu for Sign out and Shut down at OS logo on TopBar
•Moved System Info to OS Name text on TopBar
•Tried to add Window Maximize/Restore Down animations but messed it up
•Added a transition while changing wallpapers
•Fixed the issue where a window would jump to the left while resizing/dragging

0
0
15
Open comments for this post

50m 19s logged

Fluetro OS DevLog 018
•Added a Weather Section in Settings
•Added the option to change the weather by adding your own location yourself (so no location tracking involved)
•Found out that JSPaint (the paint app integration) has multiple themes including Modern ones

0
0
15
Open comments for this post

2h 2m 39s logged

Fluetro OS DevLog 017
•Added working weather using Open Meteo API (currently fixed to Los Angeles only)
•Added working weather to Top Bar
•Added a Signing Out screen
•Added animations to the Signing out and Shutting down screens
•Added animations while Logging in

0
0
8
Open comments for this post

1h 22m 49s logged

Fluetro OS DevLog 016
•Added Calculator
•Added Paint (JS Paint Integration via iframe)
•Made sure the calculator cannot be resized or maximized, so it’s a fixed size.

0
0
8
Open comments for this post

1h 24m 55s logged

Fluetro OS DevLog 015
•Added “Work in Progress” placeholders for apps that will be added in a future update (WebOS 2).
•Added a working Memo that stores text in localStorage, thus making the text Persistent.
•Added running indicators for apps that are open/minimized.
•Fixed the title bar padding.

0
0
9
Open comments for this post

1h 24m 50s logged

Fluetro OS DevLog 014
•I’m back to working on Fluetro OS again
•Added active states to buttons
•Made the Weather button work
•Added working Weather Flyout
•Added animations to the Weather Flyout
•Added bunch of placeholder text for the weather

0
0
4
Open comments for this post

1h 41m 56s logged

Fluetro OS Devlog 013
•Added Animations and Transitions to Logon Screen.
•Added Animations and Transitions to all the Flyouts.
•Added Hover Effects to OS Name button on TopBar.
•Tried to add a Logon Screen to Desktop Transition but failed.

2
0
41
Open comments for this post

33m 53s logged

Fluetro OS Devlog 012
•Fixed the Clock Flyout
•Gave the Clock Flyout a redesign.
•Added working Weather to TopBar.
•Fixed the problem of UI elements/text being selected while clicking and dragging.

0
0
68
Open comments for this post

34m 12s logged

Fluetro OS Devlog 011
•Managed to kind of fix the Clock Flyout.
•Added Dark Mode to the Clock Flyout.
•Added Hover effects to the clock in the topBar.

0
0
5
Open comments for this post

1h 9m 21s logged

Fluetro OS Devlog 010
•Added a Expandable Clock Section to the TopBar clock (currently kind of broken).
•Added Hover to TopBar weather section.

0
0
5
Open comments for this post

1h 17m 38s logged

Fluetro OS Devlog 008
•Broke the Window Controls but managed to fix them.
•Fixed Padding for the Dock.
•Made sure maximized windows don’t overlap the Top Bar or Dock.

0
0
8
Open comments for this post

54m 5s logged

Fluetro OS Devlog 007
•Added Focused and Unfocused states to the Windows.
•Fixed the Corner Radius for many UI elements.
•Fixed Title bar height.
•Made the Windows draggable using the Title Bar.

0
0
4
Open comments for this post

1h 29m 47s logged

Fluetro OS Devlog 006
•Added a Working Window
•Fixed the TopBar Clock
•Added a working Shutdown Sequence
•Added System Info (basic and needs more work)

0
0
13
Open comments for this post

1h 19m 2s logged

Fluetro OS Devlog 005
•Added working Dark Mode and Wallpaper Picker.
•Added working Sign Out and Shut down options.
•Introduced more bugs and issues to fix.

0
0
5
Open comments for this post

1h 42m 30s logged

Fluetro OS Devlog 004
•Started from Scratch
•Working on giving this a MacOS+Windows+OneUI esque feel
•Finished the Welcome Screen
•Partial Success regarding the Top Bar, Dock and Apps

0
0
8
Ship #1

A WebOS inspired heavily from the Metro aesthetic from Windows 8/8.1 and Fluent Design aesthetic from Windows 11. Has multiple working apps, working login screen and desktop elements. Will get an update in the future for WebOS 2, with a working Start Screen inspired menu.

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

35m 37s logged

Fluetro OS devlog 003
•Added actual Photo Wallpapers (from Unsplash).
•Fixed the issues with some of the app icons.
•Updated the System Info.

0
0
3
Open comments for this post

1h 12m 49s logged

Fleutro OS Devlog 002.
•Added a Shutdown sequence.
•Managed to fix the small UI issues and bugs.
•Added a Sign out and Shutdown option inside the OS Menu.
•Added working System info and Power off button to the Lock Screen.
•Added some more apps in the Store
•Added indicators for Minimized apps

0
0
2
Open comments for this post

57m 53s logged

Managed to make a lot of Progress, right now the Logon screen and the desktop work with all the apps being functional. Am working on getting a working version of the Start Screen-like Interface.

0
0
6

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…