Jeff Emmett
14ebf0853d
- DESIGN.md: Complete visual design specification for TBFF - FlowCanvas: Main React Flow canvas with interactive demo - SourceNode: Treasury/funding source visualization - RecipientNode: Project recipient with threshold progress - ThresholdGate: Visual gate showing open/locked state - AnimatedFlowEdge: Animated particles showing fund flow - Real-time flow simulation (balances update live) Visual features: - Particle animation along flow paths - Threshold progress bars with color states - Dark theme optimized for data visualization - Mini-map and zoom controls Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com> |
||
|---|---|---|
| app | ||
| backlog | ||
| components | ||
| .gitignore | ||
| DESIGN.md | ||
| Dockerfile | ||
| README.md | ||
| docker-compose.yml | ||
| next.config.js | ||
| package.json | ||
| pnpm-lock.yaml | ||
| postcss.config.js | ||
| tailwind.config.ts | ||
| tsconfig.json | ||
README.md
Flow Funding
Visual interactive interface for threshold-based flow funding mechanisms.
Concept
Flow funding enables continuous, threshold-based resource allocation where:
- Funds flow continuously rather than in discrete grants
- Thresholds determine when funding activates/deactivates
- Visual interfaces make the system intuitive and transparent
Features (Planned)
- Interactive Flow Visualization: Real-time display of funding flows between sources and recipients
- Threshold Configuration: Visual tools to set and adjust funding thresholds
- Flow Dynamics: Animate how funds move when thresholds are met
- Dashboard: Overview of all active flows, thresholds, and balances
Tech Stack
- Next.js 14 (App Router)
- React Flow / D3.js for flow visualizations
- Tailwind CSS for styling
- TypeScript
Development
pnpm install
pnpm dev
Deployment
Dockerized for deployment on Netcup RS 8000 via Traefik.
URL: https://flowidity.io/tbff
docker compose up -d --build
License
MIT