A modern, interactive web application for learning Korean, built with Next.js and Tailwind CSS. This comprehensive learning platform provides structured lessons, interactive quizzes, and detailed study materials to help users master core concepts of the Korean language.
- Component-Based Architecture: Built with React and Next.js for a modular, maintainable, and scalable codebase.
- Interactive Quizzes:
- Lesson 1 - Particle Quiz: Master the usage of common particles like
은/는,이/가, and을/를. - Lesson 2 - Numbers Quiz: Practice both Sino-Korean (일, 이, 삼...) and Native Korean (하나, 둘, 셋...) numbers.
- Lesson 3 - Grammar Quiz: Interactive quiz covering possessive particles (의), connectors (와/과, 랑/이랑, 하고), and formal titles (씨, 님).
- Lesson 1 - Particle Quiz: Master the usage of common particles like
- Structured Lesson Notes: Comprehensive markdown-based lesson materials with:
- Detailed grammar explanations and examples
- Vocabulary tables with Korean, Japanese, and English translations
- Interactive Korean text with integrated pronunciation
- Progressive lesson structure covering particles, numbers, and advanced grammar
- Integrated TTS Audio: Features a server-side API route that acts as a proxy to deliver high-quality Google TTS pronunciation, with clickable Korean text throughout lesson content for instant audio playback.
- Modern Styling: Styled with Tailwind CSS for a clean, responsive, and utility-first design.
- Optimized for Performance: Fast page loads and seamless client-side navigation thanks to Next.js.
- Framework: Next.js (React)
- Styling: Tailwind CSS
- Content Processing: React Markdown with custom Korean text integration
- Deployment: Vercel
To build this project locally:
-
Install dependencies:
npm install
-
Run the development server:
npm run dev
Open http://localhost:3000 in your browser to see the result.
This project is open-source and distributed under the MIT Licence.