Metaverse Tutorial

Technology Stack & Tools

• Solidity (Writing Smart Contract)
• Javascript (React & Testing)
• Web3 (Blockchain Interaction)
• Truffle (Development Framework)
• Ganache (For Local Blockchain)
• MetaMask (Ethereum Wallet)
• ThreeJS (3D Javascript library)
• @react-three/fiber (React renderer for Three.js)
• @react-three/drei (Extra helpers for React-Three-Fiber)

Requirements For Initial Setup

• Install NodeJS, I recommend using node version v14 or v16 to avoid any potential dependency issues
• Install Truffle, In your terminal, you can check to see if you have truffle by running truffle --version. To install truffle run npm i -g truffle.
• Install Ganache.
• Install MetaMask in your browser.

Setting Up

1. Clone/Download the Repository

2. Install Dependencies:

$ npm install

3. Migrate Smart Contracts

$ truffle migrate --reset

4. Test Smart Contracts

$ truffle test

5. Start Frontend

$ npm start