Terug naar portfolio Back to portfolio
Next.js 15TypeScriptTailwind CSS v4FirebaseOpenAINetlify

PhraseKit

Een mobiele frasengids voor Japan, gesorteerd op situatie. Met live AI-vertaling via OpenAI en Google-authenticatie voor persoonlijke favorieten. A mobile phrase guide for Japan, sorted by situation. With live AI translation via OpenAI and Google authentication for personal favourites.

PhraseKit Japan frasengids

Over dit project About this project

Voor een geplande reis naar Japan ontstond een concreet probleem: hoe red je je in situaties waar je de taal niet spreekt?

PhraseKit werd geen vertaalapp, maar een frasengids per situatie. Restaurant, station, dokter, noodgevallen. Per frase een fonetische uitspraak in romaji, een toelichting, en een favorietenlijst voor de zinnen die je het vaakst nodig hebt.

De "Vraag het nu"-functie is volledig live: je typt een Nederlandse zin, en OpenAI vertaalt die naar natuurlijk Japans — inclusief romaji-uitspraak, uitleg, een kortere variant en een beleefder alternatief. De API draait server-side via Next.js, zodat de sleutel nooit bij de gebruiker terechtkomt.

A trip to Japan was planned. PhraseKit is the tool built for that. Not a translation app, not a language learning app — a phrase guide sorted by situation. Restaurant, station, doctor, emergencies. Each phrase with a phonetic pronunciation in romaji, an explanation, and a favourites list for the phrases you need most.

The "Ask now" feature is fully live: you type a sentence, and OpenAI translates it into natural Japanese — including romaji pronunciation, explanation, a shorter variant and a more polite alternative. The API runs server-side via Next.js, so the key never reaches the user.

Wat goed werkte What worked well

Dit was de eerste app die voelde als een echt product. Iets dat je daadwerkelijk gebruikt op het moment dat het nodig is. Het ontwerp werd daar ook op aangepast: grotere knoppen, rustigere kleuren, focus op gebruik in stressvolle situaties. Audio-uitspraak via tekst-naar-spraak is inmiddels geïntegreerd.

This was the first app that felt like a real product. Something you actually use at the moment you need it. The design followed: bigger buttons, calmer colours, focus on use in stressful situations. Audio pronunciation via text-to-speech has since been integrated.