Build shape
Web-first IELTS learning product
AI IELTS learning product
PuanAI
A web-first IELTS product where users practice all four skills and receive AI scoring with guided results.
IELTSAI4 Skills
Product brief
The harder problem was not speed but turning each score into a result flow learners could actually understand.
PuanAI is a web-first IELTS practice product covering Writing, Speaking, Reading, and Listening with AI scoring and guided results. The native app repo currently behaves more like an auth/update shell than the primary product surface.
The web repo shows dedicated session and result flows for all four skills, plus AI tutor, checkout, onboarding, and localized landing content. The product is built around helping users understand the result and continue practicing.
Scope
Problem
Problem
The harder problem was not speed but explanation. Each skill needed a result flow that made the score understandable in the learner’s language.
Implementation
I built separate Writing, Speaking, Reading, and Listening session/result flows in Next.js and connected them with AI tutoring, checkout, and onboarding.
Best fit
This fits education and evaluation products where interpretation screens and repeat-practice loops matter.
Technical structure
Product evidence
Primary stack
Next.js 16 · React 19 · Tailwind
Data & sync
Orval API clients · React Query · Zustand
Operational surface
Google OAuth · credit checkout · GA/Clarity/AdSense
Stack
Web frontend
Next.js 16React 19TypeScriptTailwind CSSRadix UIFramer Motion
State and API layer
next-intlReact QueryZustandOrvalSonner
Product operations
Google OAuthGoogle AnalyticsGoogle AdSenseMicrosoft ClaritySSE chat proxy
Integrations
ai APIcatalog APIcontent APIorder APIwallet APIprofile APIauth APIchat APIGoogle OAuthGoogle AnalyticsMicrosoft Clarity
Screens
Product evidence
Web
App
Need a similar product, internal tool, or launch-ready first version?
Send the current problem, scope, or a reference link. The next step can start from product structure and release scope.