SpeakTiles

• 

• 

• 

  Home Screen

• 

• 

  Home Screen (Dark Mode)

SpeakTiles was inspired by the need for a free, offline, and highly customizable AAC (Augmentative and Alternative Communication) tool. Many existing AAC apps are costly, locked behind subscriptions, or break without internet—limiting access for those who rely on them daily. We built SpeakTiles as a Progressive Web App that works anywhere, with no login or backend, so users can tap tiles to form phrases and hear them spoken aloud. Along the way, we learned about the quirks of browser speech APIs, the importance of accessible navigation, and strategies for offline caching. Challenges included cross-browser voice differences, ensuring smooth PWA updates, and designing intuitive sharing via QR codes and URLs.

Built With

• html
• javascript
• localstorage
• qrcode.js
• react18
• serviceworker
• sonner
• vite
• webappmanifest
• webspeechapi