Прототип Prototype

[RU]

Короче, сидела я вчера, особо ничем не занималась, тупо страдала ерундой. Думала уже пойти в парк на роликах покататься или в кино сгонять, и тут меня просто бах — и накрыло озарением. Залипла в моник, пальцы сами полетели по клаве, и… в общем, ребятки, посмотрите, какую штуку я заделала!

Ни много ни мало — полноценный веб-прототип операционной системы, который весит всего пару килобайт и упакован в один-единственный HTML-файл.

Вы можете прямо сейчас зайти и пощупать всё руками: тут реально двигаются окошечки, плавно сворачиваются и разворачиваются в панель задач, работает калькулятор, а ещё я запилила аркаду на чистом Canvas, которая выдает стабильные 60 FPS и не лагает.

Но самое залипательное тут даже не это. При всей своей внешней упрощенности — это мега-мощная парадигма. По сути, я собрала прототип изолированной среды с высокопроизводительным интерфейсом. Такую архитектуру можно юзать для кучи крутых штук: от интерактивного обучения и образовательных платформ до создания специализированных рабочих оболочек (киосков), где не нужны тяжелые фреймворки, а важна скорость.

Как и у настоящей «взрослой» ОС, здесь есть своё легковесное ядро (core). Именно оно под капотом рулит всем менеджментом окон, контролирует слои z-index (чтобы активное окно всегда было сверху) и обрабатывает системные события вроде перетаскивания мыши или кликов. А благодаря кастомной модульной структуре appsConfig, эта система расширяется буквально по щелчку пальцев. Хотите добавить блокнот или медиаплеер? Просто дописываете одну функцию в конфиг, а ядро само подхватит и отрисует интерфейс, создаст иконки и настроит логику. Никакого душного спагетти-кода.

В общем, проект уже отдеплоин на Firebase, всё автономно, zero dependencies и работает на чистейшем Vanilla JS. Зацените флекс чистого микро-инжиниринга! Погнали тестить:
https://go-web-os.web.app/


[en-US]

So, yesterday I was just sitting in my room, doing absolutely nothing, lowkey dying of boredom. I was literally about to go to the park to rollerblade or maybe catch a movie, but then, boom—inspiration hit me out of nowhere. I just locked in, stared at my monitor, my fingers started flying across the keyboard, and… well, guys, look at this insane little project I just pulled off!

No big deal, just a literal operating system prototype packed entirely into one single HTML file that weighs almost nothing.

You can actually go and play around with it right now: the windows drag smoothly, minimize, and maximize into the taskbar, the calculator actually calculates, and I even coded a retro arcade game on pure HTML5 Canvas that runs at a buttery-smooth 60 FPS without a single stutter.

But here is the real kicker. Even though it looks minimalist, the concept behind it is a massive flex. It is a working prototype of a fully isolated environment with a high-performance UI. You could easily scale this paradigm for cool stuff like next-gen ed-tech platforms or hyper-focused, lightweight kiosk shells where you do not want heavy frameworks slowing you down.

Just like a real, grown-up OS, I engineered a lightweight core under the hood. It manages window lifecycle, handles coordinates, controls z-index layering so the active app stays on top, and listens to system events. Plus, thanks to a modular appsConfig setup, this thing is endlessly scalable. Want a notepad or a media player? You literally just drop one object into the config array, and the core automatically spins up the window, hooks up the window controls, and maps the taskbar icon. Zero spaghetti code.

The whole thing is already deployed on Firebase, 100% standalone, zero dependencies, and running on pure Vanilla JS. Just a clean micro-engineering vibe. Go test it out and let me know what you think!
https://go-web-os.web.app/


Stephaniia Bubnova (Стефания Бубнова) — Creative Developer, UI/UX Designer, WebGL Engineer.

https://stephaniia-bubnova.web.app/