https://github.com/voloshchenkoal/shinkei-suijaku

Shinkei Suijaku (Concentration) is a card game. Current realization base on xstate
https://github.com/voloshchenkoal/shinkei-suijaku

game-development react tailwindcss typescript xstate

Last synced: 4 months ago
JSON representation

Shinkei Suijaku (Concentration) is a card game. Current realization base on xstate

• Host: GitHub
• URL: https://github.com/voloshchenkoal/shinkei-suijaku
• Owner: VoloshchenkoAl
• License: mit
• Created: 2020-06-14T21:00:10.000Z (about 4 years ago)
• Default Branch: main
• Last Pushed: 2023-03-15T04:09:39.000Z (over 1 year ago)
• Last Synced: 2024-01-16T19:26:56.122Z (6 months ago)
• Topics: game-development, react, tailwindcss, typescript, xstate
• Language: TypeScript
• Homepage: https://shinkei-suijaku.pages.dev/
• Size: 1.73 MB
• Stars: 2
• Watchers: 2
• Forks: 0
• Open Issues: 4
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Lists

• awesome_xstate - voloshchenkoal/shinkei-suijaku - Card game (Awesome XState / Projects)

README

        
# 🃏 Shinkei Suijaku

Shinkei-suijaku is a card game in which all of the cards are laid face down on a surface and two cards are flipped face up over each turn. (Wiki)

## 💻 Tech stack

- UI render - [React](https://reactjs.org/), with ts

- Game Logic base on [xState](https://xstate.js.org/)

- Styled with [Tailwindcss](https://tailwindcss.com/)

- Also using Unsplash API to get random images for cards

## How to run project local?

1. Install all dependencies

```bash

npm ci

```

2. Generate Unsplash API key on [official website](https://unsplash.com/developers)

3. Create `.env.local` file in root directory with following content:

```bash

REACT_APP_UNSPLASH_ACCESS_KEY=

```

4. Run project

```bash

npm run start

```