Let's set up our app environment, as follows:
- Create a new React app called LCApp using npx, like this:
npx create-react-app LCApp
- Update your package.json to the following values:
{
"name": "lcapp",
"version": "1.0.0",
"dependencies": {
"bulma-start": "0.0.2",
"react": "^16.4.2",
"react-dom": "^16.4.2",
"react-scripts": "1.1.4",
"web3": "^1.2"
},
"scripts": {
"start": "react-scripts start",
"build": "react-scripts build",
"test": "react-scripts test --env=jsdom",
"eject": "react-scripts eject"
}
}
- Run npm install on the Terminal window to install the dependencies.
- Next, within the src folder, create a Components folder for the app components. Also, create a contracts folder within src. We'll be using this to map the contracts being used by the app.