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!

GitHub

View Github