Kotobee

KotoBee is a gamified Japanese vocabulary learning platform designed to guide beginners from zero to structured mastery. The system integrates level progression, experience points (EXP), quizzes, streak tracking, and interactive audio-based learning to create an engaging and structured learning journey. Users unlock learning materials progressively through a level-based system, ensuring consistent improvement and long-term retention.

Kotobee screenshot 1
Kotobee screenshot 2
Kotobee screenshot 3
Kotobee screenshot 4
Kotobee screenshot 5
Kotobee screenshot 6
Kotobee screenshot 7

Key Features

  • Multi-section landing page explaining platform features and structured Japanese learning roadmap
  • Google authentication integration for secure and seamless login
  • Personalized learning dashboard with real-time progress tracking
  • Level-based gamification system (Level 1–5) with unlockable learning content
  • Daily learning progress monitoring including level, completed materials, and activity summary
  • Hiragana and Katakana learning modules (Gojuon, Dakuten, etc.) with writing guide, pronunciation, examples, and audio support
  • Timed objective-based quiz system (Beginner, Intermediate, Expert) with Random and Manual modes
  • Quiz review system with answer evaluation and EXP calculation
  • Comprehensive vocabulary learning module with meanings, sentence examples, variations, and audio pronunciation
  • Vocabulary quiz system with difficulty scaling and reward mechanics
  • Global leaderboard ranking system displaying Top 10 users and individual rank position
  • User profile management (name and avatar customization)
  • Dark mode and light mode support for improved user experience
  • Fully responsive design optimized for desktop, tablet, and mobile devices

Technologies Used

React
React
Laravel
Laravel
Inertia.js
Inertia.js
JavaScript
JavaScript
PHP
PHP
Tailwind CSS
Tailwind CSS
MySQL
MySQL
Git
Git