Zexuz / web3-erc20

Web3 ERC20

Frameworks and Libraries

Core

• React
• TypeScript
• Vite

State Management

• Zustand

Web3

• Ethers

Testing

• Jest
• @testing-library/react
• @testing-library/react-hooks
• Synpress

Linting and Formatting

• ESLint
• Prettier

CSS

• TailwindCSS

Scripts

• Development: npm run dev
• Build: npm run build
• Lint: npm run lint
• Preview: npm run preview

Getting Started

1. Clone the repository
2. Run npm install to install dependencies
3. Run npm run dev to start the development server

Features

• Display notifications across tabs
• Checks balance before sending transaction
• Persisted state when closing/reopening the browser

Testing

Component Testing using React Testing Library and Snapshot Testing

• BalanceView.test.ts
• BalanceContainer.test.ts
• SnackbarContainer.test.ts
• SnackbarView.test.ts
• Button.test.ts

Hook Testing using React Testing Library

• useValidatedInput.test.tsx

Unit Testing using Jest

• broadcastChannelFactory.test.ts
• validation.test.ts

E2E Testing using Synpress

• happy.test.ts