TermFlip

Flip the terms, master the definitions.

TermFlip is an interactive memory match game that helps you learn and memorize terms and definitions through an engaging card-matching experience.

Features

• Flexible Input Formats

  • JSON format for structured data
  • Plain text format with alternating lines for quick input
  • Built-in example for easy testing

• Interactive Gameplay

  • Smooth card flip animations
  • Match tracking and timing
  • Progress feedback
  • Responsive design for all devices

• User Experience

  • Dark/Light theme toggle
  • Real-time input validation
  • Clean, modern interface
  • Keyboard accessible

Getting Started

1. Clone or download this repository
2. Open index.html in a modern web browser
3. Choose your preferred theme (light/dark)
4. Enter your study material in either format:

JSON Format

[
  {
    "term": "photosynthesis",
    "definition": "Process by which plants convert light energy"
  }
]

Plain Text Format

term1
definition1
term2
definition2

How to Play

1. Enter your terms and definitions
2. Click "START" to begin
3. Click cards to flip them
4. Match terms with their definitions
5. Complete all matches to win

Technical Details

• Pure HTML, CSS, and JavaScript
• No external dependencies
• Local storage for theme preference
• CSS Grid for responsive layout
• CSS Custom Properties for theming
• 3D transforms for card animations

Browser Support

Works in all modern browsers that support:

• CSS Grid
• CSS Custom Properties
• CSS 3D Transforms
• Local Storage
• ES6+ JavaScript

License

MIT License - Feel free to use and modify for your own learning projects!

---

© 2024 Tarushv Kosgi. All rights reserved.