⚡ Building with Bolt: Empowering Non-Speaking Voices in 48 Hours 🎯
This is a submission for the World's Largest Hackathon Writing Challenge: Building with Bolt.
🚨 A Communication Barrier You Can’t Ignore
Children with learning challenges and autism often struggle to express their needs, manage routines, and regulate emotions — especially if they are non-verbal.
Families often turn to AAC (augmentative and alternative communication) tools, but most are:
- 💸 Too expensive (up to $15,000)
- 🤯 Too complex for daily use
- ❌ Not designed for the real needs of the child
That’s why we built Learning Park — a fully offline, browser-based environment for communication, emotional regulation, and life skills development — all accessible instantly, on any device, with zero setup.
🎯 What I Built in 48 Hours
Over a focused weekend sprint, I developed a unified interface using HTML, Tailwind CSS, and JavaScript — no backend, no servers, no tracking.
Here’s what’s inside:
🗣️ Symbol-Based Communication Grid
- 80+ categorized icons
- Smart sentence builder: tap “happy” + “food” → “I am happy. I want food.”
- Emotion-aware voice modulation 🗣️😊😔
- Replay, save favorites, and share via clipboard
🧘 Emotion Regulation Toolkit
- Visual emotion + intensity selector 🎨📊
- Guided strategies: breathing, grounding, calming visuals
- Real-time breathing animation synced with inhale/exhale 🫁
- Emotion log for patterns and self-awareness
🧩 Life Skills University
- Audio-guided tutorials for everyday situations 🛒🍽️💬
- Tasks: ordering food, asking for help, managing money
- Clear steps, progress feedback, celebratory animations 🎉
🗓️ Smart Visual Scheduler
- Drag-and-drop daily plan blocks 🧱
- Color-coded activities + audio narration 🔊
- Completion animations that reward follow-through 🏆
🎮 Developmental Game Arcade
- Pattern match, memory, and counting games 🔢🧠
- Designed for clarity, focus, and engagement
- Instant feedback to reinforce success 🎯
Everything runs 100% locally via browser — no login, no internet, no compromises on privacy 🔐
⚡ Bolt.new — The Gamechanger
Bolt wasn’t just a time-saver — it was a multiplier.
Here’s how it helped:
- 🧱 Generated tab navigation scaffolding in seconds
- 🎛️ Helped design the breathing coach animation loop
- 🎙️ Diagnosed text-to-speech inconsistencies across devices
- ♿ Suggested improvements for accessibility and clarity
Rather than writing boilerplate or Googling edge cases, I spent that time tuning voice tone, visual pacing, and UI feedback — the things that matter most to the end users.
🧠 Favorite Bolt Prompt
js
"Create a multi-tab interface using Tailwind and vanilla JS where each tab loads a separate functional module (AAC, scheduler, games), with smooth transitions and accessibility support."
This single line of input gave me clean, modular navigation and saved at least 3–4 hours of setup and testing
🙌
💡 Looking Ahead
Learning Park is still evolving. We plan to integrate more assistive features, expand symbol libraries, and improve customization for caregivers.
👨💻 Built by @almir_3f9194d827f6629d42f during the World's Largest Hackathon
📬 Feedback and collaboration: aasiachonu@gmail.com
[Live version](https://learningpark-by-almir.netlify.app/)
Top comments (0)