Cute way to transcribe in real-time using AI-powered translation and Firebase backend.
- 🎤 Real-time Transcription: Capture and transcribe audio instantly
- 🤖 AI-Powered Translation: Powered by Google Gemini AI for accurate translations
- 🔥 Firebase Integration: Secure backend with real-time data sync
- ⚡ Fast & Responsive: Built with React 19, Vite, and Tailwind CSS
- 🎨 Modern UI: Smooth animations with Motion library
- Frontend: React 19, TypeScript, Tailwind CSS, Vite
- AI: Google Gemini API (
@google/genai) - Backend: Firebase, Express.js
- Styling: Tailwind CSS, Lucide React icons
- Build Tool: Vite 6
Prerequisites: Node.js (v16+)
-
Install dependencies:
npm install
-
Set up environment variables:
- Copy
.env.exampleto.env.local - Add your Gemini API key:
GEMINI_API_KEY=your_api_key_here
- Copy
-
Start the development server:
npm run dev
The app will be available at
http://localhost:3000
npm run dev- Start development server (port 3000)npm run build- Build for productionnpm run preview- Preview production build locallynpm run clean- Remove build artifactsnpm run lint- Run TypeScript type checking
- Visit Google AI Studio
- Create a new API key
- Add it to your
.env.localfile
MIT
Feel free to fork and submit pull requests!