Chess Game

♔♕♗♘♙♖♜♟♞♝♛♚

Welcome to the Chess Game built using React.js! This is a fully functional, interactive chess game featuring a modern UI and smooth gameplay. The project leverages various modern web development technologies like Redux Toolkit, React Confetti Explosion, and more to enhance the game-playing experience.

🖼️ Screenshot

🚀 Demo

Live Demo

🛠️ Technologies Used

• React: A JavaScript library for building user interfaces.
• Redux Toolkit: Simplifies state management for React applications.
• React-Redux: Official React bindings for Redux.
• Classnames: A utility for conditionally applying class names.
• React Confetti Explosion: Adds visual celebration effects.
• ESLint: Ensures consistent code style and quality.

📦 Installation

1. Clone the repository:

   git clone https://github.com/simranlotey/react-chess-game.git
   

2. Navigate into the project directory:

   cd react-chess-game
   

3. Install the dependencies:

   npm install
   

⚙️ Usage

1. Start the development server:

   npm start
   

2. Open your browser and navigate to http://localhost:3000 to play the game.

🧩 Features

• Responsive design for smooth gameplay on desktop and mobile devices
• Confetti explosion effects for celebrating game wins
• Smooth state management using Redux for game states and logic
• Code quality enforced with ESLint

🛡️ Code Quality

This project follows the Airbnb ESLint configuration to maintain code consistency and best practices. Before pushing any changes, ensure that your code passes the linter:

npm run lint