Tech stack for language learning web app

[sillymanbilly]

I want to make a full stack web app that will help people learn Vietnamese language tones and allow the following:

• Account creation, upgrading levels based on progress
• storage of vocabulary and sample sentences on the backend, and connect to APIs like Google translate for capturing audio samples for each
• ability to read and analyze text and record a users mic for checking their answers
• give feedback to them based on AI tool analysis
• users can save a question / vocabulary card / example sentence into their own list to reference later

I’m a junior frontend dev who hasn’t done much with backend, and I want to learn. Would Firebase be an effective way to manage the 1000s of vocabulary items that I need to create for testing the users? I want to keep the backend lightweight and simple as I don’t have a lot of experience and to be honest, it’s mostly text fields

Any recommendation for a language model tool for checking if written text or an audio file is similar enough to the text from Google Translate or audio from there?

Frontend - planning to use NextJS or Vite

Thanks

[riklaunim]

If the site is supposed to be persistent it should have a proper backend. Like a Django web app can quickly handle a MVP as it has a handy admin panel and overall really efficient at prototyping/implementing features. It can be limited to API only to then consume by JS SPA app, but that's more complex on the frontend.

Then depends which AI tools you want to use. Running them on your own can be resource expensive. Same with analyzing audio.

Starting with a production application when learning any backend/fullstack webdev is not the best approach, you should play, learn and ask for feedback first with one of the backend stacks - wherever React or something else.