Back to Portfolio
AI/Education

AI Flashcard App — Adaptive AI-Powered Vocabulary Study

Next.js 14TypeScriptTailwind CSSPostgreSQLPrismaOpenAIClerk

A modern web application for learning Japanese and English vocabulary using AI-powered flashcards. Upload content in any format and let GPT-4o handle translation, categorization, and hiragana generation automatically.

Features

  • Flexible Input: Upload TXT, CSV, JSON, PDF, Word docs, or images — or paste text directly
  • AI Translation: Automatic language detection and translation between English and Japanese
  • Hiragana Generation: Automatic furigana/hiragana for kanji entries
  • Smart Categorization: Auto-categorizes vocabulary by part of speech
  • Duplicate Detection: Flags duplicates and resolves ambiguous entries via prompts
  • Study Modes: Interactive carousel and grid flashcard views with swipe gesture support
  • Dark / Light / System Theme: Fully responsive with theme toggle

Tech Stack

Next.js 14 (App Router) · TypeScript · Tailwind CSS · PostgreSQL (Neon) · Prisma · OpenAI (GPT-4o / GPT-4o-mini) · Clerk · Vercel