What it does:

Sooo, what if a website wasn't a tool, but like... a little world? Or a soul? (´• ω •`) That's what I tried to build!

Dream Protocol is a smol interactive OS where you get to explore a metaphorical "cloud crystal" by playing an interactive text-adventure game called Riddle.exe. The cool thing is, it saves the endings you find in a persistent archive (Memories.dat), so the OS kinda remembers you! It's not about winning, but more about using a familiar desktop interface to tell a story and ask you a question in the end. A little experiment to see if a website can feel like a conversation instead of just a page.


How you made it:

The hackathon rule was vanilla HTML, CSS, and JS only, so I was like, "challenge accepted!".

The entire immersive micro-OS experience was built from scratch! It has a fully functional draggable window system (it was kinda tricky to get right smh), a cute theme switcher that uses CSS variables to flip between a dark Protocol Mode and a pastel Dream Mode, and even a little taskbar with a clock.

The narrative game itself runs on a simple state machine I wrote in JS, and it uses localStorage to create that persistent 'memory' so it can remember the endings you've unlocked. It was really important to me that the whole thing felt like it had a soul, you know? Not just code. Skdfjkslskffjkslskfjghjdfkslsfjhfjkd man I i i i i i love it tho.

Built With

Share this project:

Updates