Some web3 shenanigans with Nuxt, Vite, UnoCSS, HeadlessUI, and ethers.js
M Ξ T A D ? T A
This project is an experiment to build a Zapper / Zerion with Nuxt.
The idea is to focus mostly on powerful wallet analytics, e.g.
- Detailed charts of wallet activity
- Funds spent on gas over time
- Ingoing/outgoing addresses with transaction frequency
- Asset distribution between networks
- Airdops detection
- Ecosystem overview for each network with links
- etc.
For now, only ETH networks: Ethereum, Arbitrum, Optimism, Polygon, zkSync.
Goals
Powerful web app
Secure web app that connects to all the popular wallets.
Web-only for mobile
No native apps! Native apps are note suitable for web3 as they are subject to App Store / Play Store T&Cs and lock out a big part of the global population. Instead, let’s leverage the web platform to deliver native-like mobile apps.
Some wise words from @jack:
Stack
- Typescript
- Nuxt
- Vite
- Vitest
- Pinia
- UnoCSS
- HeadlessUI
- Ethers.js
- Chart.js
Setup
Make sure to install the dependencies:
# pnpm
pnpm install
Development Server
Start the development server on http://localhost:3050
pnpm dev
More
Development insights available on RepoTracker.
Feel free to play around and contribute. Discussions, Issues, PRs welcome!