PixelMine-Game is HTML5 online finance game project based on blockchain. Uses React based on Typescript for frontend. For Game Controller it uses XState npm module. For Web3 integration, uses web3 package in blockchain.ts file.


PixelMine is HTML5 online finance game and it based on blockchain. In Game, Users uses $PIMI Token and 5 kinds of NFTs (HELMET, Shovel, Axe, Hammer, Drill). Each NFTs has their own properties and it helps users can play game more interest. Hope this project will be very helpful for other developers interested in HTML5 online games.


Controlled all gaming functions in one xState state variable. All gaming functions are based on xState and they controlled by one machine. React + TypeScript + XState + Web3 + EVM + Metamask

Available Scripts

In the project directory, you can run:


Runs this command in project dictionory to install npm modules.

yarn start

Runs the app in the development mode. Open http://localhost:3000 to view it in the browser.

The page will reload if you make edits. You will also see any lint errors in the console.

yarn test

Launches the test runner in the interactive watch mode. See the section about running tests for more information.

yarn build

Builds the app for production to the build folder. It correctly bundles React in production mode and optimizes the build for the best performance.

The build is minified and the filenames include the hashes. Your app is ready to be deployed!


View Github