A contributor funding dashboard for Web3 open-source projects, built on the Drips protocol. 🔴 Live Demo: https://dripsflow.vercel.app

DripsFlow lets open-source contributors connect their wallet and see:

• Live funding streams — real-time DAI/ETH streams flowing to/from your address on Drips
• Contributor profile — merge your GitHub identity with your on-chain wallet into a single view
• GitHub repositories — your repos displayed alongside your on-chain funding activity
• Project explorer — browse Web3 projects actively funding contributors via Drips

git clone https://github.com/Ugasutun/dripsflow.git
cd dripsflow
npm install
npm run dev

Open http://localhost:5173 in your browser. You need a browser wallet (MetaMask, Rabby).

src/
├── lib/
│   ├── api/
│   │   ├── drips.ts        # Drips GraphQL queries
│   │   └── github.ts       # GitHub REST API client
│   ├── components/
│   │   ├── Navbar.svelte
│   │   ├── StreamCard.svelte
│   │   └── ProjectCard.svelte
│   └── stores/
│       └── wallet.ts       # Wallet connection state
└── routes/
    ├── +page.svelte
    ├── explore/+page.svelte
    └── profile/[address]/+page.svelte

npm install -g vercel
vercel

• ENS reverse lookup on profile pages
• Token price conversion (DAI → USD)
• Contribution history linked to GitHub issues
• Drips splits visualizer
• WalletConnect v2 support

MIT