Live Demo: https://ibelreal.github.io/josa-game/
This application helps Korean language learners evaluate their understanding of Korean particles through a 10-question short interactive quiz. Upon completion users receive a final score alongside an encouraging message based on their performance.
The project was intentionally built using Vanilla JavaScript, HTML, and CSS to focus on core front-end fundamentals without relying on external frameworks or libraries.
Future versions will introduce a backend system, analytics, and AI-powered learning features for a more personalized learning experience.
- HTML5
- CSS3
- Vanilla JavaScript (ES6)
src/
├── js/ # Quiz logic and application functionality
└── styles/ # CSS styling files
No build tools or package installation required.
- Clone the repository
git clone <repository-url>
cd <project-folder>- Open in browser
open the index.html file✔ Interactive Quiz Real-time answer validation with a score tracking and a personalized encouragement result message.
✔ Responsive Design: Implemented using css to ensure compatibility across mobile, tablet, and desktop devices.
✔ Performance: Zero dependencies, efficiently built with Vanilla JavaScript to allow fast loading times and minimal maintenance.
✘ Testing: Automated testing is not yet implemented. Adding unit and integration tests is planned for future iterations.
✘ Backend Integration: Allowing user data persistence via Node.js, Express and Python services.
✘ Progress Tracking & Metrics: The features will include: quiz history, performance analytics and common mistakes tracking.
✘ AI & Dynamic Questions: Future features will include: user progress saving, multi-language support, quizz history and personalized learning paths.
This project was created to:
- Strengthen Vanilla JavaScript skills
- Practice responsive UI design
- Build an educational language-learning application
- Create a scalable foundation for future AI-powered features