This is an EVM Kit project bootstrapped with npx evmkit create
.
Open the project in Visual Studio Code. The repository comes with a set of recommended extensions for building web3 apps; when you open the project, VS Code will prompt you to install them. For the best IDE experience, it's recommended to install these extensions.
The application is split into two directories, application
, and contracts
; for the frontend and smart contracts respectively.
The recommended way to use the IDE for this setup is to open a new split terminal inside your VS Code window; one for each directory. This way, you can work simultaneously on the frontend and smart contracts.
First, install the dependencies for each directory. See the sections below for more information:
- application - setup the frontend application
- contracts - setup the smart contracts
# 1. Change directory to the application folder
cd application
# 2. Install dependencies
yarn
# 3. Start the application
yarn dev
# 1. Change directory to the contracts folder
cd contracts
# 2. Install dependencies
yarn
# 3. Build the contracts (optional)
yarn build
You'll now be able to view your application at http://localhost:3000.
To learn more about EVM Kit, take a look at the documentation.