Based on the Reach-Reach starter. This is a quick scaffold/template for building a Vue3 and Reach Lang DApp. Excluding a few (mainly DApp-specific) additions, this is a standard Vue3 Typescript application.
- Vue3 with Typescript support: A popular front-end framework for building web applications
- Reach Language: A compiled language for building multi-chain smart contracts. This template includes the JS dependency, and not the CLI.
- Google's Material Icons for quick UI sugar
- SASS (no pre-defined style libraries: you can
npm installany additional dependencies.) - 🦆 raphsducks: an unopinonated state manager.
- 🦆 reachduck: a simple API for interacting with the blockchain and/or a reach
stdlibinstance
- Clone the project
cd path/to/my-projectrm -rf .git && git init(create a fresh git repository for your project)npm installnpm run start(launches atlocalhost:3000)
Take a look at Available Scripts for additional CLI commands.
This project includes some helpful bits, including
- A self-contained state instance. You can subscribe to it like any other state.
- A
connectbutton that will automatically trigger a wallet connection.
Default network is Algorand, but if yourstdlibinstance is usingETH, it will trigger MetaMask. - A stub
Reachapplication to get you started on your multichain smart contracts. I personally use the directory to store my compiled contracts. - A light API for interacting with your
@reach/stdlibinstance.
npm install
npm run serve
npm run build
npm run test:unit
npm run lint