MonitAnt

Multichain ERC20 tokens balance monitor

Demo

Features

• Add multiple wallet address
• Support multiple chain
• Works without requiring connection to wallet
• Monitor balance for any ERC20 token
• Store address on client (local storage)
• Refreshable at certain interval
• Simple responsive filterable table interface
• Theming with respect for system preference (Light, Dark, System)

Usage

Project was built using pnpm. If you want to use npm or yarn, just don't forget to update Github Actions workflow (.github/workflows/ci.yml).

Install

git clone https://github.com/aramics/monitant.git monitant

cd monitant

pnpm i

Dev

pnpm dev

Build

# normal build
pnpm build

# build with 404.html file added for Github Pages included
pnpm build:ci

See explanation of 404.html file here

Test

# without coverage
pnpm test

# with coverage
pnpm test:ci

Serve

pnpm serve

Delivery using Github Actions

Actual workflow is:

Build & Test job

Build and test application on all commits

Create a Github personal access token (with repo and workflow permissions) and add it as a PERSONAL_ACCESS_TOKEN secret in your repo

Deploy job

Manual deploy to Github Pages (only main branch)

• Replace base config in vite.config.ts to match your repo name
• Create GIT_AUTHOR_NAME and GIT_AUTHOR_EMAIL secrets in your repo (it will be the author of commits to gh-pages branch)