memory-game Tailwind Templates

Memory Game

A memory game based on assets from Supercell's 'Clash Royale'. Built using Imgur API and React.

#api #game #javascript #javascript-game #netlify #react #restful #restful-api #tailwind #vite
Demo Download

https://github.com/AlphaZer00/memory-game


Clash Royale Memory Game

Clash Royale Memory Game is a dynamic, interactive web application built with React that challenges players to test and improve their memory skills. The game displays a grid of cards, and the objective is to click on each card only once without repeating any selections. Each click shuffles the grid, requiring players to remember previously clicked cards. The app features a scoreboard that tracks the player's current score and highest score, as well as a "Game Over" screen with an option to restart the game while maintaining the high score. It uses responsive design to ensure an optimal experience across devices, and players are engaged with a readable UI powered by Tailwind CSS.
Explore the docs »

View Demo · Report Bug · Request Feature

Table of Contents
  1. About The Project
  2. Getting Started
  3. Usage
  4. Contributing
  5. License
  6. Contact
  7. Acknowledgments

About The Project

Product Name Screen Shot

(back to top)

Built With

  • React
  • Vite
  • Git
  • NPM
  • TailwindCSS
  • Netlify

(back to top)

Getting Started

To get a local copy running follow these simple steps.

Prerequisites

  • npm
    npm install npm@latest -g

Installation

  1. Get a free API Key at https://apidocs.imgur.com)
  2. Clone the repo
    git clone https://github.com/AlphaZer00/memory-game.git
  3. Install NPM packages
    npm install
  4. Create a .env file in the root directory of the project
    touch .env
  5. Enter yout API key in the .env file
    VITE_IMGUR_CLIENT_ID = 'Your-API-Key-Here'
  6. Add .env to .gitignore to avoid exposing key to the public

(back to top)

Usage

(back to top)

Contributing

Contributions are what make the open source community such an amazing place to learn, inspire, and create. Any contributions you make are greatly appreciated.

If you have a suggestion that would make this better, please fork the repo and create a pull request. You can also simply open an issue with the tag "enhancement". Don't forget to give the project a star! Thanks again!

  1. Fork the Project
  2. Create your Feature Branch (git checkout -b feature/AmazingFeature)
  3. Commit your Changes (git commit -m 'Add some AmazingFeature')
  4. Push to the Branch (git push origin feature/AmazingFeature)
  5. Open a Pull Request

(back to top)

License

Distributed under the MIT License. See LICENSE.txt for more information.

(back to top)

Contact

Batuhan Dasdemir - LinkedIn - batudasdemir@gmail.com

Project Link: https://github.com/AlphaZer00/memory-game

(back to top)

Acknowledgments

(back to top)

Top categories

tailwind daisyui resume portfolio email blog dashboard landing-page admin ecommerce
Loading Svelte Themes