LANGAI

• 

  Show the traslated text and from top you can update the output language

• 

  Fonts for the output text can be adjusted.

• 

  Selete the text and start translation

Inspiration

I have recently developed an interest in Chrome extensions. Also, with the growth of AI tech, I felt a need to get into this and learn more about it. This is my first project where I used a pre-built model for language translation. I know that Google already offers the text translation built into the Chrome browser, but the problem with that it displays at the top of the browser within a small window and has poor readability; there are no font adjustments. Imagine chatting on Discord with a worldwide community where people speak a variety of languages, it would be much easier to have a side panel open, and you can see the instant translations with clear background and fonts.

What it does

Instantly translate the highlighted text and show the result in side panel. Response is usually fast

How we built it

Initially I thought of using React, but then I changed my mind and decided to do everything in Core for fun and learing. I have used HTML, CSS and JS purely For translation, it uses Chrome's built-in translator, but in case of translation unavailability, it communicates with Gemini Flash 2.5 using API.

Challenges we ran into

I have really enjoyed this project and yes, there were some issues like model unavailability and handling those situations was both fun and learning. My current machine is not powerful enough to use the Gemini nano, hence I was not able to explore the full offline model sadly.

Accomplishments that we're proud of

So finally I made a start on learing AI, A few weeks I made my first chrome extension and made it live on chrome webstore link . Then a few days back I was doing some stuff and search for Hackathon and found out that Google is hosting one for the chrome extension and that too with AI , Dammmmm I was excited! but then things turned quickly when I noticed the deadline, I decided to quit this Hackathon bcos I discovered this very late and due to my busy schedule I was feeling like I won't be able to make it on time, But I made atleast something to show, and I am really proud that I have participated and learned more about chrome extenisons and using AI models.

What we learned

Learned more about the Google Chrome extensions working Ai Models It was really exciting to know that Google is integrating AI locally.

What's next for LANGAI

Once I add more feature like theme switch and Multilanguage font adjustment I will publish this on chrome webstore. Once I have a new Powerful machine, I will update this with Gemini-nano One thing I need to update is text selection is not formatted the way its displayed on the web page like it trims out the spaces and breaks will update that in future. => Want to add the summarise api and that summary can be translated to any language

Built With

• browserapi
• css
• gemini
• grmini-flash-2.5
• html5
• javascript