React JS Checkers

This project is a multiplayer checkers game built using React JS. It features a responsive UI, real-time updates, and state management to provide a smooth and engaging gaming experience.

Installation

To get started with the project, follow these steps:

1. Clone the repository:

   git clone https://github.com/yourusername/react-js-checkers.git

2. Navigate to the project directory:

   cd react-js-checkers

3. Install the dependencies:

   npm install

4. Start the development server:

   npm start

5. Open http://localhost:3000 in your browser to view the application.

Usage

• Play the Game: Once the app is running, you can start a new game or join an existing game through the user interface.
• Move Pieces: Click on a piece and then click on the destination tile to move.
• Capture Pieces: If an opponent's piece is adjacent and there's an empty tile behind it, it can be captured.

Libraries

Built with:

• MUI: A pretty responsive component library. Easy to set up and customize.
• Recoil: A state management library. Ensures data consistency and makes it easy to share and update state data between components and pages.
• Jest: A safe and trustable test library. Easy to set up and use.

Todos

• Removing pieces due missed capture feature;
• King capture mecanism;
• Integration and unitary tests;
• Sound effects optimization;
• Online multiplayer with web sockets.

Live app

Acess the live project by clicking on the link bellow: https://react-js-checkers-scapin-kcmo5m5gz-priscila-scapins-projects.vercel.app/