Cat Match

Overview

CatMatch is a card matching game that follows the classic Memory Game rules. It is deployed on Netlify and provides an interactive game experience for users. The game’s logic is illustrated using an XState statechart. The design system used for the game is called Jiji, named after the cat in Kiki’s Delivery Service. Jiji is built using Chakra UI and allows for the implementation of custom themes and components. Figma designs are available for reference, and Storybook is used for component development and documentation. The application can be started using yarn commands, and the project utilizes technologies such as TypeScript, React, Chakra UI, Nx, Storybook, React Testing Library, and Cypress.

Features

• Card matching game following classic Memory Game rules
• Deployed on Netlify for easy access
• Utilizes the Jiji Design System for consistent and customizable themes
• Provides Figma designs for reference
• Uses Storybook for component development and documentation
• Supports Cypress Driven Development for outside-in TDD workflow
• Developed with TypeScript, React, Chakra UI, Nx, Storybook, React Testing Library, and Cypress

Installation

To install and set up CatMatch, follow the steps below:

1. Clone the repository to your local machine:

   git clone [repository url]
   

2. Install the dependencies:

   cd catmatch
   yarn install
   

3. Start the application server:

   yarn start
   

4. Open your browser and visit the URL provided to access the CatMatch game.

Summary

CatMatch is a card matching game deployed on Netlify that follows the classic Memory Game rules. It utilizes the Jiji Design System, allowing for custom themes and components built with Chakra UI. Figma designs are available for reference, and Storybook is used for component development and documentation. The project is developed using TypeScript, React, Nx, and other technologies. With its easy installation process and range of features, CatMatch provides an enjoyable gaming experience for users.