A challenging memory-based card game built with HTML, CSS, and JavaScript. Test your memory skills by clicking cards in the correct numerical or hexadecimal sequence across multiple levels.
- Progressive Difficulty: Four levels with increasing complexity
- Level 1: Numbers 1-10
- Level 2: Numbers 1-15
- Level 3: Numbers 1-20
- Level 4: Hexadecimal values (1-9, A-F)
- Interactive Gameplay: Click cards to reveal and match the sequence
- Visual Feedback: Cards flip with smooth animations
- Level Completion: Modal notifications for level progression
- Responsive Design: Clean, modern interface
Play the game online: Memory Card Game Live Demo
- The game starts with Level 1, displaying shuffled cards showing "?".
- Click the cards in ascending order (1, 2, 3, etc.) to reveal them.
- If you click the correct card, it stays flipped; incorrect clicks temporarily reveal the wrong card.
- Complete the sequence to advance to the next level.
- Reach Level 4 for hexadecimal challenges.
- Finish all levels to complete the game!
- Clone or download the repository.
- Open
game.htmlin your web browser. - Start playing immediately - no additional setup required.
- HTML5: Structure and markup
- CSS3: Styling and animations
- JavaScript (ES6): Game logic and interactivity
card_game_final/
├── game.html # Main game interface
├── menu.html # Information page
├── script.js # Game logic and event handlers
├── style.css # Styling and animations
└── README.md # Project documentation
- Cards are shuffled at the start of each level.
- You must click cards in exact sequential order.
- Incorrect clicks provide brief feedback but don't reset progress.
- The game tracks your current level and sequence position.
Feel free to submit issues or pull requests for improvements.
This project is open source and available under the MIT License.