Giter VIP home page Giter VIP logo

memorygame's Introduction

Emoji Memory

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.

๐Ÿš€ Main Technologies

  • JavaScript
  • HTML
  • CSS

๐Ÿ› ๏ธ Build Tools

  • 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.

๐Ÿ“ฆ Dependencies:

  • 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.

โš™๏ธ Features

  • 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.

๐Ÿ’ป Try it out!

Explore the memory game and test your skills! Click here

Thank you for your understanding.

๐Ÿšฆ Running the Project

To run the project in your local environment, follow these steps:

  1. Clone the Repository:
    https://github.com/maxitech/MemoryGame.git
  2. Run npm install or yarn in the project directory to install the required dependencies.
  3. Run npm run dev or yarn dev to get the project started.
  4. Open http://localhost:5173 (or the address shown in your console) in your web browser to view app.

memorygame's People

Contributors

maxitech avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.