Bi-Lingual Translation Chrome Extension [Ongoing Project]

For the past months I have been learning Mandarin Chinese, and in my quest to master this new language, I found that something was missing: a simple and elegant Chrome extension to translate Mandarin Chinese to Pinyin, and more.
Relevant Context
Learning a new language is always a challenge, and as a Computer Science student with a deep love for language learning, I decided to develop a Google Chrome extension to make the learning journey of all the 学生 (students) easier. The goal was to create a translation tool that can translate :
  • English to Chinese / Pinyin (ex. "Hello, I am a student" "你好,我是学生 / Nǐ hǎo, wǒ shì xuéshēng")
  • Chinese to Pinyin / English (ex. "你好,我是学生" ⇆ "Nǐ hǎo, wǒ shì xuéshēng / Hello, I am a student")
  • Pinyin to Chinese / English (ex. "Nǐ hǎo, wǒ shì xuéshēng" ⇆ "你好,我是学生 / Hello, I am a student")
This extension aims to make browsing the web for language learners effortless.
Details
The extension will be built using JavaScript for the logic, HTML, and CSS for the popup interface, and Google Cloud Translation API for the translation functionality.
Upon the user selecting text and pressing control, the extension will capture the selected text and send it both to the Google Cloud Translation API and to a database of my creation. If the text is available in the database, it is displayed to the user. If not, the API then returns the translated text, which appears to the user in a separate popup window.

The extension will also keep a record of all the translated text for user data analysis.
For storing translation history and other user data, I plan on using the Chrome Storage API which allows extension developers to store, retrieve, and track changes to the user data.
Google marketplace's logo
Main Features
The Bi-Lingual Translation Chrome Extension boasts several impressive features. It will effortlessly translate English, Mandarin Chinese, and Pinyin. Upon selecting a text and pressing control, the translated text will be displayed in a separate popup window, maintaining the user's browsing experience uninterrupted.

This combination of features, coupled with an intuitive UI, makes the extension a robust and user-friendly tool for language learners.
Google Cloud Translation API
Google Cloud Translation API is a robust tool by Google that leverages Machine Learning to translate text between numerous languages. It excels at interpreting and translating complex and idiomatic phrases, making it invaluable for dynamic translation needs. The API is easily integrated into various applications, providing fast and scalable solutions for real-time translation.
Google Translate's logo