LLM - Language Learning Machine

Main home page
Extension of the main home page
Student individualized dashboard
My vocabulary section
User specific flashcards
Reading practice section
Practice conversation section
Language specific lessons
Lesson review

Inspiration

We were inspired to make this app, because language learning is something that many people struggle with. As a person who loves to learn languages, it really hurts to see so many people not enjoy the language learning process. Language classes are often not well liked among students, because of how challenging they can be. We want to change this by making tools that make it easier to learn languages!

What it does

Our app has many features built in that make it essential for any avid language learner. For example, you have access to language lessons that teach you different grammar concepts and vocabulary. Additionally, there is a page to review your vocab in flashcard style or any other way you like. Furthermore, we have an AI chatbot you can talk to that helps you get better. Immersion is key in language learning, so our AI chatbot will help learners learn more. We also have reading practice that lets you do reading practice and click on words to see what they mean.

How we built it

We built this using Next.js and typescript. We started with a simple web app and slowly added more and more features. For starters, we put sup abase into our project to have authentication and a database to use. It scales amazingly and works flawlessly. We also used Gemini and Eleven labs for their APIs which are amazing for our project. Their AI models are top tier and have helped with our AI chatbot feature. It sounds really human thanks to that.

Challenges we ran into

We ran into many challenges like API keys running out during development. We also had a lot of trouble with making live translations and talking to the chatbot with your voice. However, we did get it all solved!