Inspiration

In every classroom, there’s a voice that goes unheard — not because it has nothing to say, but because it simply can’t speak.

That voice was the inspiration behind TapNTalk AI.

Built with the belief that communication is a right, not a privilege, TapNTalk was created to help students with speech impairments express themselves through gestures, typing, or emergency cues — and be understood instantly, clearly, and respectfully.

What it does

TapNTalk AI is a web-based communication tool that allows non-verbal or speech-impaired students to:

  • ✋ Tap gestures that trigger AI-enhanced spoken responses
  • 📝 Type custom phrases that get rephrased into polite, expressive speech
  • 🚨 Instantly speak out emergency phrases like “I feel sick” with one tap
  • 🔊 Choose from available voices for personalized expression It bridges the gap between thought and voice — enabling real-time, AI-powered classroom communication.

How we built it

  • Frontend: Built using Next.js (App Router) and styled with Tailwind CSS for a clean, responsive interface.
  • AI Integration: Powered by OpenRouter.ai API (e.g. Lepton) to convert simple intent into polite, emotionally intelligent speech.
  • Speech Output: Utilizes native Web Speech API for real-time audio feedback.
  • Deployment: Hosted on Vercel for smooth, global accessibility.

Challenges we ran into

  • Voice Consistency: Different browsers and systems offer different speech synthesis voices, limiting consistency across devices.
  • AI Prompt Tuning: Rephrasing simple intent into polite speech without sounding robotic or overcomplicated required careful AI prompt engineering.
  • Keeping It Ethical: We had to ensure that AI was used responsibly — no unnecessary data capture, no user profiling, just raw utility.

Accomplishments that we're proud of

  • Creating a working prototype that could genuinely help students be heard.
  • Designing a clean, welcoming interface that’s easy for any age to use.
  • Making the AI do "just enough" — not too flashy, not too technical, just effective communication support.

What we learned

  • Sometimes, the most powerful projects solve small, human problems.
  • Designing for accessibility changes your entire approach — in the best way.
  • Working solo doesn’t mean working small. With the right tools and vision, meaningful impact is still possible.

What's next for TapNtalk AI

  • User Authentication & Personal Logs: Let users log in and track their own message history.
  • Multilingual Support: Allow students to choose their native language or dialect.
  • Visual Gesture Mode: Enable drag-and-drop gesture sequencing for kids who rely more on icons than text.
  • Teacher Feedback Portal: Give educators an easy way to understand patterns in student communication.

Built With

  • api
  • css
  • next.js
  • openrouter
  • tailwind
  • vercel
  • webspeech
Share this project:

Updates