Kindify is a playful web app that transforms any spoken input into a kind, polite version—displayed as text and played back as voice. It demonstrates that anything can be said kindly.
- Real-time Voice Capture: Microphone input with automatic permission handling
- AI-Powered Politeness: VAPI.ai assistant transforms rude speech into kind responses
- Dual Output: Polite text display + TTS voice playback
- Animated UI: Abstract background animations and reactive microphone button
- State Management: Smooth transitions between listening, speaking, and processing states
- Responsive Design: Works on desktop and mobile browsers
- Next.js 15 (App Router) - React framework with latest features
- TypeScript - Type-safe development
- Tailwind CSS - Utility-first styling
- Framer Motion - Smooth animations and transitions
- VAPI.ai SDK - Real-time voice AI integration
- Web Audio API - Audio amplitude visualization
- Node.js (v18 or higher)
- VAPI.ai Account - Get your API key from dashboard.vapi.ai
- Install dependencies
bun install- Set up environment variables
Create .env.local in the root directory:
NEXT_PUBLIC_VAPI_API_KEY=your_vapi_api_key_hereGet your API key from VAPI Dashboard → API Keys.
- Run the development server
bun run dev- Open your browser
Made with ❤️ in a hurry