A card matching game following classic Memory Game rules.

You can play the game here: https://pedantic-kirch-adceb8.netlify.app/

You can see the overall user experience in the following screen capture:

The following XState statechart shows the game's logic:

Named after the cat in Kiki's Delivery Service, Jiji is our design system.

This demonstrates how to build custom themes with Chakra UI, with the ability to implement our own components based on Chakra's.

The Figma designs are on the Figma Community here: https://www.figma.com/community/file/1040260142972521288/CatMatch

We use Storybook to develop and document our components.

yarn storybook:jiji will start Jiji's Storybook app:

yarn storybook:game will start the game's Storybook app:

Run yarn start to start up the server and view the application.

Start development by running yarn dev, which will start the dev server and Cypress.

We recommend using "Cypress Driven Development" to follow an outside-in TDD workflow.

By default, yarn test will only run tests for the app. To run every test in the project, run yarn test:all.

We use the following technologies:

• TypeScript
• React
• Chakra UI
• Nx
• Storybook
• React Testing Library
• Cypress
• Cypress Testing Library