HoppyTalk

Welcome screen
Dashboard
Scenario based practice
Fill in the gaps
Analysis of each submissions
Lessons from submit erros
Errosr list from submis

Inspiration

I was struggling with english. And I wanted to create something that actually helps you understand your errors and practice them until you master

What it does

HoppyFox gives three types of english practice - describing images, filling blanks in stories, and listening to audio then typing what you heard. The special thing is it analyzes every single word you write and tells you exactly what's wrong and how to fix it

How we built it

We used React Native for mobile app . For backend we integrated with Supabase database to auth and store user data. All of our backend stuffs (AI MAGIC) happens via n8n endpoints. First we have created the promt from claude 4 . Then fed the whole thing in bolt.new to create the app. After some back and forth promting I was able to make 60% of the app just via bolt. Then took the app to my home(aka cursor) and finished the rest.

Challenges we ran into

The biggest challenge was making n8n endpoints to work properly. Sometimes the API calls were taking too long, ai reponded with weird texts which didnt match our return pattern. We fixed a bunch but the n8n endpoints still feels slow