Memory-game Tailwind Templates

Memory Game

A LynxJS project bootstrapped with create-rspeedy with Tailwind CSS.

Memory Game

Memory Game is an engaging mobile application designed to challenge players' memory skills by finding matching pairs of cards in a customizable grid. Built exclusively for mobile devices, it offers a sleek and intuitive user interface styled with Tailwind CSS and powered by Lynx-JS.

Features

  • Dynamic Grid Size: Players can select a grid size between 2 and 10 for varying difficulty levels.
  • Visual Feedback: Matched pairs turn green and remain flipped, while mismatched pairs turn yellow briefly before flipping back.
  • Mobile-Optimized: Designed with a responsive layout tailored for mobile screens.
  • Instruction Toggle: Toggle detailed instructions on how to play directly within the app.
  • Reset Functionality: Restart the game anytime with a single tap.

Technologies Used

  • Lynx-JS: A lightweight framework for building mobile applications.
  • Tailwind CSS: A utility-first CSS framework for creating a modern, responsive UI.

Prerequisites

  • Node.js (v18 or higher)
  • A mobile emulator (e.g., Android Emulator, iOS Simulator) or a physical mobile device for testing.
  • Lynx Explorer app

Installation

To set up and run the Memory Game on your local machine for development or testing, follow these steps:

1. Clone the repository

git clone https://github.com/jaiganesh0312/Memory-game

2. Navigate to the project directory

cd Memory-game

3. Install dependencies

npm install

4. Build and Run on an emulator or device

Launch the app on an emulator or connect a physical device.

npm run dev

License

This project is licensed under the MIT License.

Top categories

Loading Svelte Themes