Inspiration
Living in a country where I don't speak the native language fluently, I face communication challenges every day. Simple tasks like asking for help, communicating with authorities, or calling service providers become complicated when dealing with language barriers. These daily struggles inspired me to create Tsweeft, a tool that helps break down these communication barriers and makes online written conversations flow more naturally.
What it does
Tsweeft is a Chrome extension that provides real-time multilanguage chat support. It allows users to translate chat messages between two languages, making online written conversations flow more naturally.
The main features:
- Real-time bidirectional chat translation
- Designed to work across different chat platforms
- Visual highlighting of chat areas
- Side panel controls for non-intrusive operation
- User maintains final control over message sending
How we built it
I started by creating a Chrome extension implementing the side panel interface. The core functionality uses Chrome's built-in Translation API for message translation, while content scripts handle the chat area selection. The project is built with modern JavaScript and focuses on providing a simple, non-intrusive user experience.
The project utilizes:
- Modern JavaScript for the core functionality
- Chrome Extensions API for browser integration
- Translation API for real-time language conversion
Challenges we ran into
- Complex chat element detection across different platforms. Specifically chatboxes inside iframes can't be translated with Tsweeft yet
- Efficient handling of translation requests
- Performance optimization for continuous chat monitoring
Accomplishments that we're proud of
- Created a non-intrusive and intuitive workflow
- Built a solution that directly addresses real-world communication challenges
What I Learned
- Chrome extension development and its ecosystem
- The importance of resources cleanup
- Working with translation API and Chrome origin trials
What's next for Tsweeft
- Implement automatic chat detection
- Add support for chats within iframes
- Add support for voice communication
Log in or sign up for Devpost to join the conversation.