01—Personal product · Mobile Product · 2025
WordTok
A swipe-based vocabulary learning product.
RoleProduct design, mobile engineering, architecture
Year2025
StackFlutter · Supabase · Mobile · Product Design
Swipe
Ephemeral
Lasting a very short time.
Swipe
Lucid
Clear and easy to understand.
Swipe
Quietude
A state of stillness.
WordTok
Problem
Most vocabulary apps feel like homework. Lists, quizzes and flashcards work for some people, but they rarely create the kind of loop that makes someone open the product again the same day. The learning is correct. The experience is forgettable.
Idea
Borrow the interaction language people already understand — vertical swipe, short cards, immediate feedback — and apply it to language. Each card is a word, a meaning, a sentence and a reason to keep going. The product should feel closer to a feed than a classroom.
Role
I designed and built WordTok as a product, not just an app: information architecture, the swipe interaction, the learning loop, and the Flutter implementation against a Supabase backend.
Architecture / engineering
A Flutter client owns the feed, gesture layer and local session state. Supabase handles auth, word content and progress. The feed is assembled as a stream of cards rather than a static list, so new words can be mixed with review without changing the interaction.
Technology
Flutter for a single mobile codebase with native-feeling gestures. Supabase for authentication, Postgres and the content layer. The UI is built around one primary motion — the swipe — so everything else stays quiet.
Challenges
The hard part was not rendering cards. It was making the feed feel alive without becoming noisy, keeping review from breaking the swipe rhythm, and designing empty and first-run states that still feel like a product.
Solution
One card. One gesture. Meaning first, then a sentence, then a light save or skip. Progress is visible but never turns into a dashboard in the middle of the feed. The system stays out of the way so the word can stay in focus.
Result
WordTok is a working vocabulary product with a clear interaction model: swipe to discover, pause to understand, continue without friction. It is a study in how product design and mobile engineering have to move together.
What I learned
A strong interaction can carry a product further than a feature list. If the core gesture is right, the rest of the system should protect it — not decorate it.
Visuals
Interface study. Production screenshots can replace these compositions through the project media fields.
Swipe
Ephemeral
Lasting a very short time.
Swipe
Lucid
Clear and easy to understand.
Swipe
Quietude
A state of stillness.
WordTok
Product
WordTok
A TikTok-inspired vocabulary learning experience designed to make discovering and remembering new words addictive.