Back to Projects
Trilinguo icon

Trilinguo

AI-powered language learning chat application with culturally-aware virtual tutors. Built as a personal replacement for Duolingo to get immersive practice. Features real-time predictive text, text-to-speech synthesis, and multi-language support.

Trilinguo language learning app screenshot

Core Features

Multi-Language Support

  • • Traditional Chinese, Simplified Chinese, Japanese, Korean, French
  • • AI personalities with cultural context
  • • Character-by-character romanization (pinyin, romaji, Korean romanization)
  • • Cultural context explanations and teaching points
  • • Conversation starters and learning prompts

AI Integration

  • • Real-time predictive text suggestions with intelligent language detection
  • • Text-to-speech synthesis with language-appropriate voices
  • • OpenAI GPT-4.1-mini for conversations
  • • GPT-4o-mini for predictive text
  • • Intelligent conversation vs translation mode detection

Technical Stack

Frontend

  • • Next.js 15, React 19, Tailwind CSS 4
  • • Responsive glass-morphism UI with liquid background effects
  • • Mobile-responsive design with touch interactions
  • • Real-time UI state management with React hooks
  • • Keyboard shortcuts and accessibility features

Backend & Services

  • • Next.js API routes with Edge Runtime
  • • OpenAI TTS for text-to-speech synthesis
  • • Local browser storage with Zod validation
  • • Password-protected access system
  • • Audio caching and streaming optimization

Technical Highlights

  • • Edge runtime for fast API responses
  • • Structured JSON responses with Zod validation
  • • Audio caching and streaming optimization
  • • Error handling with user-friendly fallbacks
  • • Persistent chat history per language
  • • Real-time UI state management with React hooks

AI Personalities

Culturally-aware virtual tutors including 22-year-old Taiwanese student, Parisian literature student, and other contextually appropriate personalities for each supported language.