Kanjiverse
Muhammad Arief Rahman
-
May 31, 2024
6 min read
nextjs
typescript
tailwind
docker
education
japanese
Overview
A modern, interactive web application for learning Japanese kanji, vocabulary, and kana. Built with Next.js and TypeScript, it provides an engaging way to study Japanese through quizzes, reference materials, and spaced repetition learning.
Key Features
- Comprehensive Kanji Database: Search thousands of kanji with detailed information
- Spaced Repetition Quizzes: Adaptive quizzes using spaced repetition algorithms
- Vocabulary & Kana Practice: Holistic learning experience for all Japanese writing systems
- Responsive UI: Seamless experience across desktop and mobile devices
Screenshots
Desktop View
Mobile View
Tech Stack
- Next.js for server-side rendering and routing
- TypeScript for type safety and maintainability
- Tailwind CSS for rapid UI development
- Docker for containerized deployment
My Role
As the portfolio owner, I designed and developed the entire application from ideation to deployment:
- Designed database schema for kanji, vocabulary, and user progress
- Built UI/UX with accessibility in mind
- Implemented spaced repetition algorithms
- Set up Docker-based deployment
Impact
Kanjiverse has helped hundreds of learners improve their Japanese reading and writing skills. The open-source project encourages community contributions and continuous improvements.