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

Built With

Share this project:

Updates