Skip to content

README.md

Latest commit

 

History

History
34 lines (22 loc) · 1.22 KB

README.md

File metadata and controls

34 lines (22 loc) · 1.22 KB

React Board Game

This React project implements a simple board game where cells on an 8x8 grid can be marked red with a click. An Undo button is provided to revert the last change. The project demonstrates basic state management, component separation, and CSS styling in React.

Features

  • 8x8 Board: The game board consists of an 8x8 grid of cells.
  • Mark Cells: Clicking on a cell marks it and all cells diagonally aligned with it in red.
  • Undo Button: Allows reverting the last marking action.
  • Full Page Background: The background color covers the entire viewport.

Project Structure

  • src/: Contains all source files.
    • App.js: The root component that renders the Board component.
    • Board.js: Handles the game logic and rendering of the board.
    • UndoButton.js: A reusable button component for undoing actions.
    • App.css: Contains styling for the entire application.

Getting Started

Prerequisites

Installation

  1. Clone the repository:

    git clone https://github.com/mkeshavareddy/Chess

2.Live on Netlify https://effervescent-seahorse-c55a97.netlify.app