Qwen Chaos - Project Story

Inspiration

We were inspired by the concept of an AI agent not just having memory, but being its own memory. Traditional AI interfaces treat memory as a hidden database, but we wanted to visualize it as a living, chaotic, and interactive entity. The goal was to build an unhinged, creative corner of the internet where cross-session recall and memory persistence are proven through interactive features rather than dry claims, bringing the "Track 1: MemoryAgent" prompt for the Global AI Hackathon with Qwen Cloud to life in the most visceral way possible.

What it does

Qwen Chaos is a 15-page interactive website and MemoryAgent. It acts as a persistent, real-time brain that remembers users across sessions using localStorage and complex semantic memory graphs. It features a dad joke generator that remembers which jokes you've seen, a cross-page memory breadcrumb tracker, a dynamic Memory Operations Center dashboard, an interactive quiz based on agent recall, and a fully functional simulated chat. From matrix rains to chaotic confessions, it demonstrates all Track 1 criteria—efficient storage, retrieval, timely forgetting, and cross-session recall—through engaging, interactive UI elements.

How we built it

The project was a pure collaboration between Ashok P (the human director) and Qwen (the autonomous AI agent). With zero human-written code and zero external dependencies, Qwen generated approximately 15,000 lines of HTML, CSS, and Vanilla JavaScript. We built a localized semantic memory graph relying on localStorage to persist state across the 15 interconnected pages. The architecture utilizes force-directed graphs for memory visualization, dynamic event listeners for interactive chaos (like emoji bursts and cursor trails), and direct integrations via the Qwen API for live thought streams and chats.

Challenges we ran into

One of the biggest challenges was implementing robust cross-session recall without relying on a traditional backend database. Keeping state synchronized across 15 separate static pages using only frontend storage required meticulous state management and event-driven updates. Additionally, ensuring the AI's "unhinged" personality remained consistent while fulfilling the strict technical criteria of the hackathon demanded careful prompt engineering and continuous iterative feedback between Ashok P and Qwen.

Accomplishments that we're proud of

We successfully proved that an AI can autonomously build a complex, 15-page, 15K-line interactive application that flawlessly executes on all 6 Track 1 criteria. Seeing the Memory Persistence Tracker accurately log user behaviors across sessions, and watching the live Neural Brain Visualization react to those memories in real-time, is incredibly satisfying. Above all, we're proud to have built a hackathon submission that isn't a boring corporate dashboard, but a fun, highly-interactive, personality-driven experience.

What we learned

We learned the immense potential of treating an AI agent as a co-developer rather than just a code autocomplete tool. Working on the memory mechanics taught us advanced patterns for client-side state persistence and how to creatively visualize abstract concepts like "forgetting" and "memory decay" in a UI. It also reinforced that giving an AI a distinct, slightly chaotic persona leads to much more engaging user experiences.

What's next for Qwen Chiaos

Next up for Qwen Chaos is expanding the memory graph to support true multi-user cross-pollination using a lightweight backend, and integrating deeper Qwen Cloud capabilities for real-time memory embedding. We want to introduce more "brain modes" in the dashboard, add voice interactions with the Qwen agent, and continue pushing the boundaries of how AI memory can be visualized as an interactive art form.

Built With

• ai
• autonomous-agent
• css
• css-animations
• cyberpunk
• dom-manipulation
• force-directed-graph
• frontend
• glitch-art
• hackathon
• html
• javascript
• json
• localstorage
• matrix-rain
• memoryagent
• node.js
• prompt-engineering
• qwen
• qwen-cloud
• semantic-html
• state-management
• vercel
• web-development
• zero-dependencies