Challenges We Encountered

Integration Issues between Backend and Frontend

A major challenge was connecting the backend in Solidity with the frontend. Our unfamiliarity with Web3.js caused significant delays as we learned to implement it effectively.

Learning Curve with New Libraries

We also needed to implement a chessboard within our React application using Chess.js. Both libraries were new to us, which slowed our progress considerably.

Troubles with npm Package Imports

Importing necessary packages through npm for Solidity integration was challenging due to dependency conflicts and version mismatches.

Overcoming the Challenges

Step-by-Step Learning and Implementation

We systematically learned Web3.js by dividing the team into smaller groups focused on different aspects. Studying documentation and engaging in hands-on practice helped us progress with the integration.

Collaborative Problem-Solving

For Chess.js, we leveraged online resources and community support. Experimenting with various approaches and sharing our findings allowed us to develop a working solution.

Managing npm Package Issues

We tested different configurations to resolve npm package conflicts, ensuring compatibility and stability in our development environment.

In conclusion, despite technical challenges and inexperience with key libraries, we overcame these hurdles through collaborative learning, systematic problem-solving, and meticulous dependency management. This enabled us to successfully integrate the backend with the frontend, implement the chessboard, and resolve npm package issues.