Korean Learning Resources đ°đˇ
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.
âĄď¸ View the Live Site
⨠Features
- 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 (ě¨, ë).
- 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.
đť Tech Stack
- Framework: Next.js (React)
- Styling: Tailwind CSS
- Content Processing: React Markdown with custom Korean text integration
- Deployment: Vercel
đ Getting Started
To build this project locally:
- Install dependencies:
- Run the development server:
Open http://localhost:3000 in your browser to see the result.
đ License
This project is open-source and distributed under the MIT Licence.