Skip to content

Latest commit

 

History

History
56 lines (38 loc) · 1.64 KB

README.md

File metadata and controls

56 lines (38 loc) · 1.64 KB
Raw

FastMon

Card Game with backend code written entirely in a blockchain using solidity.

Technical Details:

Our frontend is built on Nextjs, a React Framework. It utilizes state management using Redux-Thunk, and uses a solid Provider pattern to utilize Web3 in the entire app. We use Material UI for good design.

Pre-requisite:

Ensure you have the following downloaded

  • NPM
  • Yarn
  • Next
  • react
npm install next react react-dom

How to Install:

  • First install dependencies. Run the following in the frontend folder
npm install
  • (optional) Copy the latest Contract JSON files from truffle/build into frontend/contracts
  • (optional) Run yarn compile-contract-types in the frontend folder
  • Change the contract address in frontend/hooks/useProjectGameContract.ts to the contract address of Project Game (which you might have deployed with truffle migrate in the truffle folder)
  • Run the server. Run the following in the frontend folder
npx next dev

Game playing:

After the contract has been deployed to Ganache, any user can open the app and “Connect their Metamask account”.

image

A player can Generate a New Card to advance the turn. This will be added to their cards - but it costs them tokens.

image

You can select a random card upon selecting the buy option using the interface below.

image