@harry_

devlog 2 (final devlog):
took a while, but I finished, i did use AI but mostly to make up for my lack of artistic ability, in my opinion, it looks pretty good, its got all the requirements in the bag and i got most of the inspiration from this because of this game called ‘Warframe’ (super fun, should check it out if you got time), and no spoilers but somewhere along mid-late game you get a quest where you kinda travel back in time to 1999 and like you get a old crt screen computer from then called the ‘POM-2’ and its interface looked super retro so i took what i liked from it and huzzah, my portfolio, hope you enjoy!.

PS: hit me up on slack if you wanna get into warframe or already play it, i need ppl to play with lol

devlog 1:

started on a portfolio site, got some decent progress, i made it very early 2k/windows 7 themed, it has 1 draggable window, some fake buttons, and some filler text, more will be made.

Devlog 2 - 9/4/2026

took another long break but did occasionally work on Kronos here and there, today was a big working session, i fixed up some storage issues, implemented sql database, made the delete and finish task buttons work, added 2 pages, one being the landing page which is the one with ‘THIS IS A TEST PAGE’ and the other page being the one with Task and Submit and the task list itself.

hopefully i dont take any more super long breaks even with school being started but i will continue to work on or atleast churn out 1 devlog a week.

Devlog 1 - 8/15/2026

its been quite a bit of time since ive posted anything but ive been working and ive decided to start another project, Kronos, its a ‘reminder app’ but better, thats all i will say for now.

currently, i only have the barebones of the app as im still learning web development and python (as the image below shows), more will be said and done in the coming weeks.

thats all i got for now!

devlog 6 - 6/26/2026

alright y’all, the hardware and design grind is officially FINISHED.

i spent around 5 total hours over the last two days completely speedrunning the hardware learning curve. honestly, if you showed me this project to me 4 days ago, id prob go ‘woah, thats a cool project’ and not ‘I CAN DO THAT?!’, but yeah, i did, my fault i didnt devlog yesterday, i forgot to record me working on the case and just chose not to devlog (sry)

next up is exporting the step/stl files to send over to the hack club printing legion grant to get this case physically printed! we are officially moving out of the design phase. thanks for tuning into the journey so far! (i think this might be the end of this project for physical stuff, prob doin the firmware next).

devlog 5 - 6/24/2026

ik i havent put out a devlong in a little bit, but uh i basically revampe my entire pcb and changed my schematic a little cuz i wanted the LED lights under my switches and wiring it all up was quite frustrating because i’ve only been at hardware for 2 days so the learning curve for kicad is there, but i dont even want to talk abt 3D design for the case in this devlog so i will post more abt that journey, welp, thats all for today’s devlog!

Devlog 4 - 6/23/2026

Finished my custom pcb and made a few changes from yesterday:

• Got rid of the rotary encoder
• Realized i got the wrong diodes (because they js refused to connect)
• Got the right diodes and rewired the entire pcb and it look pretty neat now

I think im starting to get the hang of this kicad stuff, hopefully it goes just as smooth on the fusion360 part of this project, i also want to thank Xeno3ra for helping me on my schematic and pcb (tysm gng :3)

And thats all i got for now.

devlog 3 - 6/22/2026

alrighty, i think ive got a hang of what im doing in kicad and will start making my pcb soon, till, then take a look at my schematic (neat isnt it 😭 ), jokes aside, today’s been a very learning full day, want to give a quick mention to the mysterious and amazing 13 Y/O CEO of Xeno Solutions for helping me with the schematic and taking a look at my 3d design.

devlog 2 - 6/22/2026

tried making the case from the tutorial for the hackpad, i have ZERO experience in kicad or fusion360 so uh i ran into MULTIPLE places where i was pretty confused, i will try finishing the case sometime soon.

ps: can someone please comment on what im doing wrong 😭 its stuck like that and idk how to move it around

devlog 1 - 6/22/2026

alrighty, so all i did last night was follow the tutorial and get the basic form of my hackpad done, today, i’ll have to familiarize myself with fusion360 to get the 3d modeling and add the extra features to my hackpad!

Devlog 3 - 6/19/2026

okay, ik its only been like 15 minutes since my last devlog but i GOT to show yall my finished base engine file and the results it gave me, its beautiful

Devlog 3 - 6/19/2026

alrighty, today was a pretty packed day, finished orbital math and started filtering down on the raw csv data i pulled in from celestrak and now working on a base engine and am building a parser to convert a lot of the data in the original csvs from celestrak from degrees to radians to later on pass through to my models cuz models work better with radians

had a bit of a mess with python module errors but got it sorted out by fixing the import paths and running things as modules from the root folder. now the whole project is super clean and molded well. main.py is the conductor, data_fetcher gets the data, orbital_math does the physics, and the base engine loops through all the files

also upgraded the backend to use pandas instead of trying to split text strings by hand. it automatically drops any rows missing data so the math doesnt break. then it passes the columns through the radian formulas and calculates the semi-major axis

the biggest win is that it fully hooks up to the 3d formulas now. the engine loops through every single csv file in the folder and spits out clean X, Y, Z spatial coordinates for thousands of satellites all at once. the pipeline is officially alive and ready for the ai models next.

Devlog 2 - 6/18/2026

sorry i havent been able to devlog yesterday, school just ended for me and i got my finals over with so i will be doing more consistent devlogs but so far, i have finished my data_fetcher.py and started to work on my orbital trajectory math calculator.

the screenshot is a little confirmation of data_fetcher.py working!

ik this was a short devlog but there will be more to come, till then, onward!

Devlog 1 - 6/16/2026

hi ppl! this is my first devlog of project kessler, essentially, project kessler is… WAIT! before i tell you, i want you to imagine the scenario below ⬇️

‘Imagine low Earth orbit (where the International Space Station and thousands of satellites live) getting incredibly crowded. If two large satellites collide, they don’t just stop working; they shatter into thousands of tiny, razor-sharp pieces of space junk traveling at over 17,500 miles per hour.’

sounds terrible right? project kessler is a collision avoidance and trajectory predictor for those low and high orbit objects so we dont have another iridum or cosmos collision event in space (here is source for those 2 events if your curious: https://ntrs.nasa.gov/citations/20100002023)

to get back to the point of my devlog, so far i have extracted satellite epoch positional data from CelesTrak and am currently working on a data fetcher to get the most accurate data for my project as i will have to train a machine learning data model on that data to make predictions and yeah thats lwk it for todays devlog, feel free to follow if this topic interests you!

till the next time, onward.

Devlog #3 - Most Likely the Final Update - 6/14/2026

HyperionOS is officially finished and live on the internet! After hours of grinding through coordinates, layouts, and layout engines, I wrapped up the entire workspace tonight and pushed the code straight to production on Render. The project went from a static concept to a fully operational, beautiful desktop simulator, and I am hyped to call this a finished win.

I spent tonight locking down the final system architecture and polishing the visual aesthetics:

The Translucent Glass Engine: Ditched the overly complex, messy layout code and restored the premium glassmorphism theme, keeping the exact sleek rounded-corner borders and 16px dynamic background blur filters completely intact.

Master Interface Mode Switcher: Scrapped the multi-color accent settings and replaced it with a streamlined Light Mode and a deep, high-contrast Dark Mode optimized to match a pure black canvas background file.

The Centered Taskbar Engine: Completely overhauled the bottom navigation dock to horizontally align the app button cluster dead-center in the screen (Windows 11 / macOS style) while using absolute layout mapping to lock the dynamic system clock module perfectly to the right edge.

Render Production Deployment: Connected the repository to a cloud host environment, configured the root and publish directory structures, and launched the site live to the web.

This final stretch taught me a ton about writing clean, maintainable web architecture. I learned how absolute positioning can be used to take a layout element (like the clock) completely out of the standard Flexbox equation so other elements can center flawlessly, how to manage global design properties efficiently by writing master CSS variables that JavaScript can rewrite on the fly, and how hosting engines like Render track file assets directly from a root repository directory.

It feels amazing to step back, ship a polished project, and get it out into the wild. Up next, I’m looking into pivoting toward on-device machine learning—specifically diving into MediaPipe and TensorFlow.js to build a 60 FPS webcam face and object tracker HUD layer.

Onwards to the next build!

Devlog #2 - 6/11/2026

The windows are officially moving! After laying down the layout framework, I spent tonight diving straight into user interaction and window manipulation. Translating my Python logic over to JavaScript and the browser DOM was a massive mental puzzle, but the interface is finally starting to respond like a real desktop environment!

I spent tonight expanding the OS capabilities and bringing the window control interface to life:

Built a sleek top header bar for the app window equipped with operational minimize, maximize, and close buttons.

Implemented mouse event listeners (mousedown, mousemove, and mouseup) to make the window fully draggable around the workspace canvas.

Created an element tag safety check inside the dragging function to prevent the window buttons from triggering accidental window drags.

Built a responsive fullscreenToggle() state manager that snaps the window to the exact dimensions of the screen while perfectly clearing the taskbar.

Today was a massive learning curve for me regarding how JavaScript interacts with live styling. I learned that JavaScript can’t read values directly from an external CSS file (which is why checking layout strings directly fails), how accidentally mixing up assignment (=) and comparison (==) operators can completely stall your function, and how to use the CSS calc() function to flawlessly mix viewport units with pixel units (100vh - 47px) so the layout scales perfectly!

Hopefully next time I can work on starting the multi-window feature after I finish studying for my finals tmrw, which means looking into updating my query selectors and implementing a dynamic z-index layering system so windows can stack without getting confused.

Onwards!

Devlog #1 - 6/9/2026

My project HyperionOS is starting to take a bit more shape!

My project is a web-based operating system simulation (like the name suggests). I have barely any prior experience in HTML, CSS, or JavaScript, so I am diving headfirst into this super ambitious project while learning the basics as I go!

I spent tonight laying down the digital foundation of the OS and successfully connected my visual layouts with functional code:

Built a black desktop canvas locked to the screen size.

Designed a centered taskbar using CSS Flexbox layout engine and z-index.

Created a circular, application launcher button inside the taskbar.

Built a responsive application window frame that uses position: absolute so it floats over the background canvas.

Today was a massive learning curve for me since I had to debug some really weird layout traps. I learned how box-sizing: border-box keeps padding from breaking element sizes, how browser loading timing affects JavaScript code execution, and how to write a functional toggleWindow() state check to squash a stubborn double-click bug on the launcher button!

Hopefully next time I can work on designing a polished top header bar for the app window with control icons, and dive into mouse event listeners to make the window fully draggable around the workspace.

Wish me luck!