Skip to content

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.

Notifications You must be signed in to change notification settings

simranlotey/react-chess-game

Folders and files

NameName
Last commit message
Last commit date

Latest commit

0ff6dbc · Sep 30, 2024

History

12 Commits
Apr 16, 2024
Apr 20, 2024
Apr 12, 2024
Apr 4, 2024
Sep 30, 2024
Apr 20, 2024
Apr 16, 2024

Repository files navigation

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

About

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.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published