Nft-card-game

What is it?

A Blockchain based online NFT Card game which can be played by two players.

Set-up

1. Clone this repository

git clone https://github.com/Ambareen09/Nft-card-game.git

2. Instructions on setting up the Web3 part of the project

0. cd web3
1. npx hardhat -> y → typescript → enter → enter
2. npm install @openzeppelin/contracts dotenv @nomiclabs/hardhat-ethers + Hardhat packages npm install --save-dev "hardhat@^2.12.0" "@nomicfoundation/hardhat-toolbox@^2.0.0"
3. Install Core, a Metamask smart wallet alternative built for Avalanche dApps
4. Turn on the testnet mode by: opening up the Core extension -> click the hamburger menu on the top left -> go to advanced -> turn on the testnet mode
5. Fund your wallet from the Avax Faucet
6. Create a .env file and specify a PRIVATE_KEY variable.
7. To get to the private key, do the following steps:
8. Open up the Core extension -> click the hamburger menu on the top left -> go to security and privacy -> click show recovery phase -> enter your password -> copy the phrase -> go to wallet.avax.network -> click access wallet -> choose mnemonic key phrase -> paste what the words we’ve copied from Core -> on the sidebar click manage keys -> view c-chain private key -> copy -> paste it in the .env file
9. Copy the hardhat.config.ts file from the GitHub gist down in the description
10. Copy the deploy.ts script from the GitHub gist down in the description
11. Copy the AvaxGods.sol smart contract code from the GitHub gist down in the description
12. Compile the contract by running the npx hardhat compile command
13. Deploy the smart contract on the Fuji test network by running the npx hardhat run scripts/deploy.ts --network fuji command Move the /artifacts/contracts/AVAXGods.json file to the /contract folder on the frontend Copy the address of the deployed contract from the terminal and paste it into the /contract/index.js file of the frontend application

3. Client Side

1. Move to client folder

cd client

2. Run the application

npm run dev

3. Customize according to your needs, and if you want to be deploy ready

npm run build

Note

Find the deployed version here : https://nft-blockchain-card-game.netlify.app/

You need to only set up point no 2 in order to play in the deployed version IF WALLET IS NOT SET-UP PROPERLY AND CONNECTED, YOU WILL SEE ONLY BLANK WHITE PAGE IN THE DEPLOYED VERSION.

Resources:

1. JSMastery