Language chrome extension

Inspiration

• Most of our team are bilingual and are always keen to have language exposure
• having busy study and work schedules we have little time to grind learning another language we decided we wanted to create a substitute that doesn't require any extra effort
  • translating entire sentences and changing tabs between a translator and source can be tedious -- we wanted to find a way to hint at only certain words in a foreign language and not give away the answer -- the experience should be immersive!

What it does

• chrome extension
• double/right-click on the word to add it to the list
• into a temporary user list (words added can be timeline tracked)
• when reading a foreign language, that specific word is replaced with an English word (you can hover it to translate it back into the language)
• change translatable languages to French, Chinese, Spanish, German
• add your own custom words
• Instant highlight and on/off translation buttons

How we built it

• using HTML, CSS, and javaScript we created a chrome extension that utilizes the chrome extension API to read the text and replace on web pages with relevant linguistic translations

Challenges we ran into

• creating translation dictionaries to read and replace texts
• creating a simple, easy to use user interface to change features
• coordinating language changes, hovering features, adding to the user list

Accomplishments that we're proud of

• Clean user interface
• Different languages included
• Hovering features
• Saving user dictionaries
• translation frequency customization
• getting this all completed in one weekend while learning new skills!

What we learned

• Google Chrome extension API
• Improved on CSS, JavaScript and HTML coding skills
• logo design and scriptwriting
• Working synchronously about tight deadlines and documenting changes
• Using GitHub and overcoming push/pull conflicts
• How to pronounce Elon Musk's Son Name (our team name)

What's next for LangDaddy

• uploading a working product to chrome store eventually for the world to use
• Participating in more hackathons (This is our team's first!)

Built With

• chrome
• git
• javascript
• json