This is a simple web application that allows you to query and display colors for specific cells on a board. You can specify the coordinates of the cells, and the application will retrieve the color associated with those coordinates from a smart contract on the Ethereum blockchain.
Before you begin, ensure you have the following dependencies installed:
- MetaMask: A digital wallet for interacting with Ethereum applications.
- Node.js: JavaScript runtime for running web applications.
-
Clone this repository:
git clone https://github.com/your-username/BoardCells.git
-
Navigate to the project directory:
cd BoardCells
-
Install the required packages:
npm install
-
Start the development server:
npm start
-
Open your web browser and navigate to
http://localhost:3000
. -
Connect Your Wallet: Click the "Connect Wallet" button to connect your MetaMask wallet.
-
Query Cell Color:
- Enter the X and Y coordinates of the cells you want to query in the input fields (X1, X2, Y1, Y2).
- Click the "Submit" button.
-
View Results:
- The color of the specified cells will be displayed in the corresponding boxes on the board.
This application interacts with an Ethereum smart contract deployed at the address 0x2158F6d159148F7FD585E58F0cA77c47E55a2C22
. The contract ABI is provided in the code.
- If MetaMask is not detected, please make sure you have it installed and unlocked in your browser.
- Ensure that you have provided valid coordinates (between 0 and 35) when querying cell colors.