An interactive, gamified Java study tool built with HTML, CSS, and JavaScript. The app features multiple study modes, progress tracking, and an animated study buddy to make learning engaging and effective.
| Mode | Description | Key Features |
|---|---|---|
| 🃏 Flashcards | Review core Java concepts with interactive, flippable cards. Track your progress as you learn. |
|
| 📝 Quiz | Test your knowledge with a multiple-choice quiz featuring conceptual and code-based questions. |
|
| 🧩 Matching Game | A fast-paced memory game. Race against the clock to match Java terms with their correct definitions. |
|
- An interactive SVG companion that provides encouragement and real-time feedback.
- Reacts to Your Progress: Celebrates correct answers, quiz streaks, and mastery milestones.
- Provides Encouragement: Nudges you if you've been idle and offers motivational support.
This project is a single, self-contained HTML file. No installation or build steps are required.
To run the app:
- Clone this repository or download the
index.htmlfile. - Open the
index.htmlfile in any modern web browser. - That's it! Start studying.
- HTML5: For the core structure and content.
- CSS3: For custom animations (card flips, shakes, pulses) and styling.
- Tailwind CSS: For the utility-first styling framework (loaded via CDN).
- JavaScript (ES6+): For all application logic, including state management, game mechanics, and DOM manipulation.
- Highlight.js: For syntax highlighting in the quiz's code snippets.
- "Study Unmastered" Filter: A toggle to study only the cards you haven't mastered yet.
- Search Functionality: A search bar to quickly find specific flashcards.
- Multiple Decks: Add the ability to switch between different card decks (e.g., "Core Java", "Spring Boot", "Data Structures").
- More Content: Expand the set of flashcards and quiz questions.