Language Learning App (LLE)

• 

  Lesson Page - Figma Design

• 

  Home Page - Figma Design

Inspiration

In my Spanish class, there weren't many ways to review - just look over the notes, go through the same Quizziz, and that's it. Because of this, I wanted to build a platform where users could input the vocabulary they want to practice, and they will get personalized quizzes to help them review.

What it does

Language Learning App (LLE) is an app where users can input vocab, use past lessons, and practice their vocabulary with quizzes. The quizzes are generated with GPT 3.5. For now, the live generation isn't working, so there is a demo at https://language-learning-app-test.netlify.app/example-lesson.html that has a pre-generated quiz that you can try out.

How we built it & Challenges

I used HTML, CSS, and JavaScript to make most of the application. I tried using NodeJS, Dotenv, and the OpenAI API, but I ran into multiple bugs that I tried debugging for a week, but couldn't figure out.

Accomplishments that we're proud of

I am proud of the fact that I was able to quickly develop the UI of this page, and I am pretty happy with how the Figma design turned out. Also, since the troubleshooting of the NodeJS bugs took over a week, I had to improvise and develop the demonstration page in one day, which turned out decently, though it lacks many features.

What we learned

Backend development is pain.

What's next for Language Learning App (LLE)

I will continue to develop this app, and I plan to add user authentication (sign in with Google), live generation with GPT, full access to the entire lesson plan, the ability to make multiple lessons, and more.

Built With

• css
• figma
• html
• javascript
• netlify
• node.js