Experience a classic memory game brought to life in your browser! Test your memory skills with this engaging and interactive game built using vanilla JavaScript. Match pairs of cards while enjoying smooth gameplay and vibrant visuals. Perfect for sharpening your memory and having fun in your spare time, this game is a must-try for all ages. Click here to try it yourself! and experience the memory game firsthand.
JavaScriptHTMLCSS
- Vite - A fast and efficient build tool for modern web development. Vite is used to bundle and serve assets during development and optimize them for production.
- canvas-confetti - Enjoy a festive touch! Experience exhilarating moments as colorful confetti showers the screen upon completing the memory game, adding a delightful flourish to your victory.
- Dynamic Card Grid: Generates a grid of cards dynamically based on the screen size, providing optimal layout and user experience across devices.
- Interactive Gameplay: Allows users to flip cards and match pairs by clicking, creating an engaging and interactive gaming experience.
- Try Count: Tracks the number of attempts made by the user to match all pairs, providing feedback on their progress and performance.
- Confetti Celebration: Celebrates victory by showering confetti upon successfully matching all pairs, adding a festive touch to the game's conclusion.
- Responsive Design: Ensures responsiveness across different screen sizes, adapting the grid layout and user interface for optimal viewing on various devices.
Explore the memory game and test your skills! Click here
Thank you for your understanding.
To run the project in your local environment, follow these steps:
- Clone the Repository:
https://github.com/maxitech/MemoryGame.git
- Run
npm installoryarnin the project directory to install the required dependencies. - Run
npm run devoryarn devto get the project started. - Open http://localhost:5173 (or the address shown in your console) in your web browser to view app.