Checkers Game

Getting Started

First, run the development server:

npm run dev
# or
yarn dev
# or
pnpm dev
# or
bun dev

Open http://localhost:3000 with your browser to see the result.

You can start editing the page by modifying src/components/Board/Board.tsx to start developing app.

Technologies

• React
• Next.js
• TypeScript
• Redux Toolkit
• Toast

Features

• Board with 8x8 squares
• Movement for each checker piece
• Jump for each piece
• Turn for each player
• Win condition for each player
• Lose condition for each player
• Draw condition for each player
• Toast for each player win, lose or draw, and for each invalid movement or jump

Future Features

• Create a movement for the king piece
• Create a jump for the king piece
• Possibility of multiple checker blows if possible

Usage

• Click on the piece you want to move
• Click on the square you want to move the piece to
• If you can jump, click on the square you want to jump to
• If you want to cancel the movement, click on the piece again or click on Right Mouse Button

Screenshotes: