Inspiration

The members of LanGarage have experienced the difficulties of learning another language. Having used study websites such as Quizlet, we are all familiar with the benefits of a versatile study tool.

As useful as a website like Quizlet may be, entering information into the virtual flashcards can often be tedious--especially translations. LanGarage improves input efficiency for language learners, as it uses the Google Translate API to translate your native language vocab list into your target list (choose from over 35 languages!). Then, it uses these lists to create question sets for your study aid.

What it does

LanGarage takes in a list of vocabulary words in your native language and then creates a translated list in your language-to-be-learned. Then, the program creates a set of random multiple choice questions to test you. The program keeps track of your total score and ends when the question set is empty.

How I built it

Using HTML, CSS, JavaScript, and implementation of Google Translate API.

Challenges I ran into

There are not many resources in terms of Google Translate API usage, but thankfully, the mentors were very knowledgeable and provided us guidance. Figuring out the difference between front-end and back-end capabilities and working around API-implementation issues proved difficult but ultimately rewarding.

Accomplishments that I'm proud of

We figured out how to write JavaScript and HTML/CSS in conjunction with each other (we had little experience with the three languages beforehand, relying on online learning resources). We were able to learn and implement Google Cloud’s translation API by utilizing XMLHttpRequest, both being new experiences for us.

What I learned

JavaScript, HTML, CSS, Google Cloud API, XMLHttpRequest

What's next for LanGarage

Adding more languages and statistics, adding more “game modes” (matching, etc.), creating accounts and flashcard decks, switch to platforms (iOS, Android, etc.)

Share this project:

Updates