Telos EVM Quasar Vue Template (evm-ui-template)

Use this template as a starting point for your app and save the time of writing all the boilerplate code. It uses Quasar & Vue and has an implementation of etherJS. You can test it with the Login button and get inspiration using the examples in the side menu like our Wallet Page (query balances, send transfers) & NFT Gallery (query metadata).

Requirements

This template requires NodeJS 14+ and NPM installed

Add Vue and Quasar packages globally

npm install -g @vue/cli
npm install -g @quasar/cli

Clone this repo to your local machine and enter its directory

• Click the "use this template" button in this repository and copy the URL you are redirected to once the generation is finished.
• Install the repository on your machine with git clone [PREVIOUSLY COPIED URL] (GIT required) or download the code and install it manually
• Enter the directory of the project cd evm-ui-template

Install the dependencies

npm install

Rename .env.sample to .env

mv .env.sample .env

Start the app in development mode (hot-code reloading, error reporting, etc.)

quasar dev

Lint the files

npm run lint

Format the files

npm run format

Build the app for production

quasar build

Go further

Customize the configuration

See Configuring quasar.config.js.

Get to know EthersJS

See the documentation