LanguageBridge is a modern React and Tailwind CSS web application designed for seamless transcription and translation using state-of-the-art AI models.
🚀 Quick Start Guide - Deploy in 5 minutes!
- Audio Transcription: Converts speech to text using advanced Whisper models
- Multi-language Translation: Translates text between 200+ languages with high accuracy
- Real-time Recording: Record audio directly in your browser
- File Upload: Support for MP3 and WAV audio files
- Modern UI: Beautiful, responsive design with smooth animations
Transcription: Whisper Large V3 Turbo (OpenAI) via Groq API
Translation: Llama 3.1 8B Instant (Meta) via Groq API
Benefits:
- ⚡ Instant processing - No model downloads, works immediately
- 🎯 Best accuracy - State-of-the-art models for both tasks
- 🆓 Free tier - Generous Groq API limits (30 req/min)
- 🚀 Lightning fast - Groq is optimized for speed
- 🔒 One API key - Same key for transcription and translation
Transcription:
- Audio is processed in your browser
- Sent to Groq API using your key
- Whisper Large V3 Turbo transcribes
- Results in 2-5 seconds
Translation:
- Transcribed text sent to Groq API
- Llama 3.1 8B Instant translates
- Supports 50+ languages
- Results in 1-3 seconds
Privacy: Your API key is stored locally in your browser only.
-
Get Free Groq API Key (No credit card required!)
- Visit console.groq.com/keys
- Sign up and create an API key
- Copy the key (starts with
gsk_...)
-
Use the App
- Open LanguageBridge
- Click "Set API Key" button
- Paste your Groq API key
- Start transcribing instantly!
Deploy to any static hosting service:
Vercel:
npm run build
vercel --prodNetlify:
npm run build
netlify deploy --prod --dir=distGitHub Pages / Cloudflare Pages:
- Just push to your repo
- Configure build command:
npm run build - Configure output directory:
dist
No environment variables or backend needed!
- Node.js (v16 or higher)
- Groq API Key (free from console.groq.com)
- Clone the repository:
git clone https://github.com/Avi2894/language-bridge
- Navigate to the project directory:
cd language-bridge - Install dependencies:
npm install
- Start development server:
npm run dev
- Open browser:
- Visit
http://localhost:5173 - Click "Set API Key" and enter your Groq API key
- Start transcribing!
- Visit
To create a production build:
npm run buildThe build output will be in the dist folder.
Or follow the detailed Deployment Guide for step-by-step instructions.
We welcome contributions! Feel free to submit issues and pull requests.
This project is licensed under the MIT License. See the LICENSE file for details.
Built with ❤️ by Avinash Ghodke
For questions or inquiries, reach out via GitHub: @Avi2894