Public
Like
1
translator
Val Town is a collaborative website to build and scale JavaScript apps.
Deploy APIs, crons, & store data – all from the browser, and deployed in milliseconds.
Viewing readonly version of main branch: v16View latest version
A comprehensive web application for speech-to-speech and text-to-speech translation supporting 100+ languages including regional Indian languages like Telugu, Marathi, Tamil, Hindi, and more.
- Speech-to-Speech Translation: Speak in one language and hear the translation in another
- Speech Recognition: Convert speech to text in real-time with support for regional languages
- Text-to-Speech: High-quality audio playback with native pronunciation
- Text Translation: Traditional text input with translation
- Regional Language Support: Extensive support for Indian languages (Telugu, Marathi, Tamil, Hindi, Bengali, Gujarati, Kannada, Malayalam, Punjabi, Urdu, etc.)
- Language Detection: Automatic detection of spoken and written language
- Voice Selection: Multiple voice options for different languages and accents
- Real-time Processing: Live speech recognition and instant translation
- Offline Capability: Basic functionality works without internet (browser-dependent)
├── backend/
│ ├── index.ts # Main Hono server with translation API
│ └── README.md
├── frontend/
│ ├── components/
│ │ ├── App.tsx # Main translation interface
│ │ ├── SpeechRecognition.tsx # Speech recognition component
│ │ ├── VoiceSelector.tsx # Voice selection component
│ │ └── LanguageSelector.tsx # Language selection component
│ ├── index.html # Main HTML template
│ ├── index.tsx # Frontend entry point
│ ├── style.css # Custom styles
│ └── README.md
├── shared/
│ ├── types.ts # Shared TypeScript types
│ ├── languages.ts # Comprehensive language definitions
│ └── README.md
└── README.md
GET /
- Serves the main applicationPOST /api/translate
- Translates text between languagesGET /api/languages
- Returns list of supported languages
- Enter text in the input field
- Select source and target languages (or use auto-detect)
- Click translate to get the translation
- Use the speaker icons to hear the text read aloud
- Copy translations to clipboard
- Backend: Hono framework with TypeScript
- Frontend: React with TypeScript
- Translation: Google Translate API
- Text-to-Speech: Web Speech API
- Styling: TailwindCSS