CryptoPair is an interactive and educational matching game designed to help users learn and memorize cryptocurrency and Web3 terminology in a fun, gamified way. Players flip cards to match technical terms with their corresponding definitions. Upon a successful match, an AI-powered explanation provides a deeper understanding of the concept.
The game is built with a modern tech stack, featuring a responsive and visually appealing interface that saves user progress, allowing players to pick up where they left off. With multiple levels of increasing difficulty, CryptoPair offers a progressive learning curve for both newcomers and those familiar with the crypto space.
- Start the Game: The game board is presented with a grid of face-down cards.
- Flip Cards: Click on any two cards to flip them over.
- Find Matches: Try to match a cryptocurrency term with its correct definition.
- If the cards match, they will remain face-up.
- If they don't match, they will flip back over after a short delay.
- Learn More: After a successful match, a dialog will appear. Click the "Learn More" button to receive a detailed, AI-generated explanation of the term.
- Complete the Level: Match all the pairs on the board to complete the level.
- Advance: Move to the next level or switch between unlocked levels using the controls at the bottom of the page.
- Interactive Gameplay: Engaging card-matching mechanic to test and improve your memory.
- Multiple Levels: Progress through seven levels of increasing difficulty, covering a wide range of crypto terms.
- AI-Powered Explanations: Get detailed, on-demand explanations for each term, generated by a Genkit-powered AI.
- Progress Tracking: Your current level is automatically saved in your browser, so you can resume your game anytime.
- Responsive Design: A clean, modern UI that works seamlessly on desktops, tablets, and mobile devices.
- Level Selector: Easily switch between different levels to practice or challenge yourself.
CryptoPair is built using a modern frontend and backend technology stack:
-
Framework: Next.js (with App Router)
-
Styling: Tailwind CSS
-
AI Functionality: Genkit (with Google's Gemini models)
-
AI Functionality: Genkit (with Google's Gemini models)