Full-Stack Application · Personal Project
Hengo — AI Companion for Daily Growth
- Next.js 16
- React 19
- TypeScript
- Supabase
- Vercel AI SDK
- OpenAI
Project Summary
Problem
Generic Korean apps rarely cover workplace communication, technical language, or K-Specialist interview pressure. Foreign professionals need realistic practice, immediate feedback, and one daily learning loop.
Approach
Hengo combines workplace Korean, AI conversation, interview preparation, spaced repetition, and goal tracking in one focused daily workflow. Today’s Mission prioritizes the practice that is due.
Screenshots

What I Built
- Today’s Mission combines due vocabulary, phrases, corrections, and scenario practice
- AI Coach supports conversation, message analysis, phrasing, and structured feedback
- K-Specialist interview preparation includes practice, scoring, and retry flows
- Goals, habits, progress, and learning history share one mobile-friendly workspace
Implementation
Next.js 16 and React 19 form a client-side SPA over Supabase Auth and Postgres with RLS. Thin Next.js AI routes verify the Supabase JWT, then use the Vercel AI SDK and OpenAI for structured or streamed feedback.
architecture
Backend Evidence
Key endpoints
- POST
/api/ai/chat/streamStream an authenticated AI coaching conversation
- POST
/api/ai/analyzerAnalyze workplace Korean tone and meaning
- POST
/api/ai/vocab/generateGenerate a structured vocabulary deck
- POST
/api/ai/goals/coachStream goal coaching with concrete next steps
Engineering Decisions
Challenge
Combining learning, interview, and productivity tools without creating a crowded interface
Decision
Organized features into focused workspaces with Today’s Mission as the daily entry point
Challenge
Keeping AI requests secure while most application data is accessed directly from the browser
Decision
Kept data behind Supabase RLS and routed only AI calls through JWT-verified Next.js handlers
Takeaways
- A large product becomes easier to use when navigation follows user intent instead of feature count
- RLS-backed direct data access and thin AI routes keep the architecture understandable
Money Flow — Personal Finance PWA