/material-ui-web3

Quick-start for Ethereum / Web3 dApps using Material UI

Primary LanguageTypeScriptMIT LicenseMIT

2022-04-21.14-33-21.mp4

Material UI Web3

Material UI Web3 is relatively barebones boilerplate for Ethereum DApps. This project makes use of primarily Ethers and useDapp to interface with the Ethereum blockchain, using Material UI (MUI) V5 for the user interface. Redux boilerplate is built-in. Web3Modal support has also been included.

IPFS-ready

This repository has been constructed to be easily deployable to IPFS, running a yarn build and uploading the build folder to IPFS will result in a ready-to-use IPFS deployment without needing to make any further adjustments (e.g. hash routing & package.json config), here is a demo ipfs deployment.

Getting started

First off, it's important to rename .env.example to .env and add your Infura or Alchemy API key to this file (also remove the example entry that won't be used), this will enable your DApp to work in read-only mode (i.e. before a user connects their wallet provider).

Before using this in a live deployment, make sure to replace the favicon and logos located in the public folder.

Scripts

yarn

Installs required packages

yarn start

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

yarn build

Runs a build to generate production-ready code which can also be easily deployed to IPFS (IPFS deployment optional).