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
React-based frontend for the language translation app with accessibility features.
Main application component that handles:
- Translation state management
- API communication with backend
- Text-to-speech functionality
- Language selection and swapping
- Error handling and loading states
Reusable dropdown component for selecting languages with proper accessibility labels.
- Clean, responsive design with TailwindCSS
- Real-time character counting
- Keyboard shortcuts (Ctrl+Enter to translate)
- Language auto-detection
- Language swapping functionality
- Text-to-Speech: Uses Web Speech API to read both original and translated text
- Keyboard Navigation: Full keyboard support with proper focus management
- Screen Reader Support: Proper ARIA labels and semantic HTML
- Visual Feedback: Loading states, error messages, and success indicators
- Copy to clipboard functionality
- Clear input button
- Responsive design for mobile and desktop
- Smooth animations and transitions
- Error handling with user-friendly messages
- React 18.2.0: Component framework
- TypeScript: Type safety
- TailwindCSS: Styling framework
- Web Speech API: Text-to-speech functionality
- Fetch API: HTTP requests to backend
- Modern browsers with Web Speech API support
- Graceful degradation for browsers without speech synthesis
- Responsive design works on mobile devices