This project was created as a test task and demonstrates the following functionality:
-
Creating a Matrix:
- A matrix of
MxN
is created. - Each cell in the matrix contains an object with a unique
id
andamount
, which is a random number.
- A matrix of
-
Increasing Cell Value:
- The
amount
in a cell is increased by 1 when the cell is clicked.
- The
-
Calculating Sum and Average:
- The sum of each row and the average of each column are calculated and displayed in the table.
-
Highlighting Cells:
X
cells with theamount
closest to the clicked cell are highlighted.
To set up and run the project, follow these steps:
- Clone the repository:
git clone https://github.com/your-username/your-repo-name.git
- Navigate to the project directory:
cd your-repo-name
- Install dependencies:
npm install
- Start the development server:
npm start
This will start the project on http://localhost:3000
.
<img width="433" alt="Снимок экрана 2023-09-28 в 19 45 53" src="https://github.com/antonhayabysa/Frontend-React-Test-Task/assets/83969662/e11ef204-5f7f-48a1-9722-8a
762d9810ca">