A web application for translating text between languages with text-to-speech functionality for accessibility.

• Text Translation: Translate text between multiple languages using Google Translate API
• Text-to-Speech: Audio playback of both original and translated text for hearing accessibility
• Language Detection: Automatic detection of input language
• Search Interface: Clean, accessible input interface with language selection
• Responsive Design: Works on desktop and mobile devices

├── backend/
│   ├── index.ts             # Main Hono server with translation API
│   └── README.md
├── frontend/
│   ├── components/
│   │   ├── App.tsx          # Main translation interface
│   │   └── 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
│   └── README.md
└── README.md

• GET / - Serves the main application
• POST /api/translate - Translates text between languages
• GET /api/languages - Returns list of supported languages

1. Enter text in the input field
2. Select source and target languages (or use auto-detect)
3. Click translate to get the translation
4. Use the speaker icons to hear the text read aloud
5. 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