LanguageRPG.AI

• 

  LanguageRPG.AI

Inspiration

As a dedicated language learner for over two years, I faced the challenge of finding conversation partners during my first year. Working as a Food Service and Customer Service Worker allowed me to practice and learn real-life conversational skills. This experience inspired me to create a project that helps others learn practical language skills. My personal projects often focus on teaching, and this one aims to provide learners with the tools and opportunities to engage in meaningful conversations and master the language effectively.

What it does

The app allows users to simulate conversations with diverse characters and different locations in their target language, creating an immersive learning experience. With an interactive, game-like UI, learning becomes fun and engaging. Additionally, the app features a chat window for real-time practice, enhancing conversational skills and making language acquisition more enjoyable and effective.

How I built it

I used NextJS for the fullstack development of the app. For the style of the elements, I used TailwindCSS. For creating game-like menu, I first created an Isometric Tilemap in Godot and exported the map I created as an image. In Figma, I imported the Image and added the characters and Labels of the locations and exported it as an SVG file. I then converted the SVG file to something useable as a component in NextJS. Since the file is imported as an SVG, I can easily access the components which makes adding onClick functions for each character possible. I used the React useContext function to allow changing of the character in the chat possible. I used Groq and their LLM model for the character AI. I used the NextJS API routing system to fetch the response from the Groq API.

What's next for LanguageRPG.AI

Allow users to upload pdf files and translate it allowing research papers, business papers, and legal documents accessible for people. Allow users to hover on each character to show what they mean making learning a language easier.

Built With

• figma
• gemma
• godot
• groq
• javascript
• nextjs
• react
• tailwindcss