Unscramble

Unscramble transforms cluttered, spoken thoughts into clear, organized ideas, helping users gain confidence, communicate better, and think freely with one simple promise: Speak first. Structure later.

Comment 2

Inspiration

Rambling about a random shower thought or idea and getting completely mixed up in too many directions at once. We’ve all had moments where ideas come fast, unfiltered, and messy — and trying to organize them in real time only makes things worse. UNSCRAMBLE was built for those moments, when your thoughts are racing faster than you can type and you just need to get them out.

What It Does

UNSCRAMBLE turns unstructured voice notes into clear, organized content.

You hit record, talk freely without worrying about clarity or structure, and the app handles the rest. Your audio is transcribed and intelligently restructured into clean notes, summaries, or action items. Past recordings (Past Rambles) are saved locally so you can revisit, refine, or build on earlier ideas.

Think of it as a personal assistant that’s great at making sense of your stream of consciousness.

How We Built It

Frontend

  • React 18 with Framer Motion for smooth, playful animations
  • A themed interface featuring floating Scrabble tiles and squirrel mascots to reinforce the “unscramble your thoughts” concept

Backend

  • Node.js with Express for audio processing and API coordination

AI Pipeline

  • OpenAI Whisper for accurate speech-to-text transcription
  • GPT for restructuring, summarization, and organization

Design

  • Custom UI using the Bagel Fat One font
  • Warm brown and blue color palette with textured backgrounds
  • Designed to feel cozy, friendly, and unintimidating

Challenges We Ran Into

Audio Handling

Managing audio recording across browsers and ensuring clean audio uploads required careful handling of MediaRecorder APIs and blob formats.

Prompt Engineering

Restructuring rambling thoughts without losing the user’s voice or intent took multiple iterations. The goal was organization without sounding robotic.

UI/UX Balance

We had to balance a playful theme (Scrabble tiles, squirrels) with a professional, trustworthy feel.

State Management

Coordinating the flow from recording → processing → results while maintaining smooth loading states and error handling was a challenge.

Accomplishments We’re Proud Of

  • Built a tool we genuinely want to use ourselves
  • Created a memorable and cohesive visual identity
  • Achieved a seamless voice-to-structured-notes pipeline
  • Designed an intuitive UX with zero onboarding — just hit record and talk
  • Implemented local history storage so users retain control of their data

What We Learned

  • How to effectively chain AI services (Whisper → GPT) into a polished end-to-end experience
  • Playful design and serious utility can coexist
  • Audio APIs are more complex than they appear
  • Sometimes removing features leads to a better product

What’s Next for UNSCRAMBLE

  • Custom personas: “Restructure this like a professor” or “Make this sound professional for my boss”
  • Voice profiles: Improve transcription accuracy by learning individual speech patterns
  • Mobile app: Native iOS and Android apps for true on-the-go thought capture
  • Collaborative rambles: Share and combine ideas with teammates for group brainstorming

Built With

Share this project:

Updates