The Inspiration
As a first-year student, I’ve seen my peers (and myself) hit "mental paralysis" during high-stress weeks. For those with ADHD or anxiety, the problem isn't just having too much to do—it's the inability to filter what matters from the "noise." I wanted to build something that felt less like a rigid productivity tool and more like a therapeutic physical action. The goal was to create a digital version of writing a worry on a piece of paper, crumpling it up, and throwing it away.
How I Built It
I set a personal challenge: Zero Dependencies. I pivoted away from modern frameworks like React or Tailwind to maintain total control over the fundamentals.
The Engine: Pure Vanilla JavaScript handles real-time keyword detection and intent classification.
The "Juice": I used the Web Audio API to synthesize sounds (thuds, whooshes, and chimes) from raw frequencies so the app requires no external MP3 files.
The Visuals: Advanced CSS @keyframes handle the complex "crumple" and "fly-to-bin" animations, providing the tactile feedback necessary for a "cathartic" experience.
The Interface: I integrated the Web Speech API to allow users to vent out loud, making the tool accessible during moments of high executive dysfunction.
Challenges I Faced
The biggest hurdle was the "Crumple Effect." Simulating a paper-ball texture and physics using only CSS transforms without a 3D engine took hours of tweaking skew, rotate, and scale. Additionally, ensuring the Web Speech API behaved consistently across different environments taught me a lot about browser security (HTTPS vs. Localhost) and asynchronous event handling.
What I Learned
This project reinforced that you don't need a heavy tech stack to build something meaningful. I learned how to manipulate the browser’s native APIs to create an immersive, "app-like" feel using just a single index.html file. Most importantly, I learned that the best UX design is one that empathizes with the user’s mental state, not just their digital workflow .
Log in or sign up for Devpost to join the conversation.