BACKGROUND

Unlock DAO currently relies on Tally’s UI for delegation of voting rights, creating and submitting proposals and voting. Delegation is central to governance, but the current experience is fragmented  users must interact separately with on-chain tools (via Tally) and off-chain governance (via Snapshot). This creates friction and limits visibility into key governance data and participation metrics.

 

BENEFITS

This proposal introduces a unified, transparent governance dashboard that consolidates all core DAO functions of proposal creation, delegation, voting, analytics, and education into one intuitive interface.

KEY BENEFITS:

• Simplifies Unlock DAO participation through a unified, user-friendly experience.
• Provides real-time analytics on delegate data, voting activity and treasury stats.
• Improves transparency by combining governance data from The Graph, OpenAI and BaseScan APIs.
• Optionally could Educate and guides members using an AI DAO Assistant, promoting governance literacy.
• Strengthens community engagement and accessibility across Base network.

 

RISKS

• API dependency risk: If Tally or The Graph APIs experience downtime, some dashboard features may temporarily lose live data.
• Data sync challenges: Ensuring perfect On-chain synchronization requires robust caching and indexing.
• Security exposure: Handling user wallet connections and API keys must follow strict security and rate-limiting practices.
• Adoption curve: Users may initially rely on old tools before migrating fully to the unified dashboard.

Mitigation strategies include: API fallback logic, Redis caching, encrypted key management, and detailed testing phases (functional, integration, security, and E2E).

 

DELIVERABLES OVERVIEW

Interactive Governance Dashboard

On-screen Element: Delegate / Vote / Propose tabs

Core: delegate votes & view power; list active proposals & vote; create proposals (form + on-chain submit); fetch proposal details via The Graph subgraph and Governor Contract (0x65bA0624403Fc5Ca2b20479e9F626eD4D78E0aD9).

Tech: React, Apollo GraphQL, wagmi, ethers.js / viem

 

Wallet Connection Module

On-screen Element: “CONNECT WALLET” area

Core: WalletConnect integration; MetaMask, Coinbase Wallet, etc.; maintain secure session.

Tech: WalletConnect / RainbowKit, wagmi, ethers.js / viem, Next.js

Delegation Dashboard

On-screen Element: Delegation History & Count panels

Core: Track on-chain delegation records (address, timestamp, tx link); Steward/Self/Custom counts; ENS/label resolution; CSV/JSON export; notifications.

Tech: React, Next.js, Node/Express, PostgreSQL, Redis, The Graph, Tally API, BaseScan

Key Governance Data Panel

On-screen Element: Treasury, Proposal Count, Delegates, Eligible Voters

Core: Query treasury, proposals, delegates; auto-refresh with caching; source: Tally API or The Graph.

Tech: Node.js backend, Redis cache, React/Next.js

 

Voting Activity Chart

On-screen Element: Voting graph (3M / 1Y / MAX)

Core: Fetch historical proposals & votes via Tally/The Graph; visualize participation trends with filters, animation, and tooltips.

Tech: Chart.js or Recharts, React, Node.js aggregation

 

Proposal Creation Module

On-screen Element: Proposal form (Title, Description, Snapshot URL, Discourse URL, Impact Overview, Save Draft, Publish)

Core: Rich-text editor + Save Draft/Preview/Publish; validation & eligibility checks; IPFS pinning & metadata; publish to Snapshot or on-chain Governor contract (tx, gas estimate, receipts); moderation & spam protection; preview/history and use of Timelock Contract(0xB34567C4cA697b39F72e1a8478f285329A98ed1b).

Tech: React, Next.js, TipTap/Slate, Tailwind, Node.js, IPFS, ethers.js / viem

 

AI DAO Assistant

On-screen Element: “AI DAO Assistant – Ask Here” chatbot

Core: Explain proposals in plain language; guide delegation & voting; LLM/OpenAI fine-tuned on Unlock docs; tested via n8n.

Tech: LangChain, OpenAI API, Node backend, React chatbot

 

Footer & Community Resources

On-screen Element: Dashboard Developers, Community Resources, Join Us

Core: Static links to docs, ambassador programs, blogs; developer credits; Unlock social icons (Discord, GitHub, X, Tiktok, Farcaster etc.).

Tech: React, Next.js, Tailwind

 

Backend & Data Integration Layer

Core: Aggregate DAO data via Tally/The Graph; indexer services; real-time sync (WebSocket/SSE); expose REST/GraphQL endpoints; AI automation (n8n).

Tech: Node.js, Express, Redis, PostgreSQL/MongoDB, n8n, Tally API, BaseScan API

 

Testing Strategy

Functional, integration, performance, security, usability, and E2E tests covering: proposal flows, voting accuracy, data fetch (GraphQL/Tally), AI summarization, notifications, API rate limits, latency handling, access control, API key security, data validation, UI/UX, accessibility, and full lifecycle tests (multi-user + cross-integration).

 

SUCCESS CRITERIA

• Security compliance: no private keys stored, IPFS verification, spam protection using CAPTCHA.
•  Full end-to-end proposal flow (create → preview → publish) operational.
•  99% data parity with on-chain sources (The Graph / Tally).
• Functional wallet connections and real-time updates
• Unit, integration, and end-to-end testing coverage for key modules.
•  

TIMELINE AND IMPLEMENTATION

Phase 1 – Setup & Architecture (Week 1)

• Set up repo structure and initial environment.
• Define Figma prototype
• Define system architecture (frontend, backend, subgraph integrations).
• Configure APIs (Tally, The Graph, Open AI or any-other relevant API).

Phase 2 – Core Governance Dashboard (Weeks 2–3)

• Implement wallet connection (WalletConnect).
• Enable all Delegation functionality
• Enable proposal listing
• Enable proposal creation.

Phase 3 – Data & Visualization (Weeks 4 -5)

• Integrate proposal stats, treasury and delegates.
• Add interactive voting charts and real-time updates.
• Implement caching for performance.

Phase 4 – AI DAO Assistant (Week 6)

• Deploy LangChain + OpenAI API integration.
• Embed chatbot for proposal explanations and governance guidance.

Phase 5 – Final Polish & Deployment (Weeks 7–8)

• Integrate external links (Unlock DAO or any other relevant links).
• Add community resources and footer sections.
• Conduct full system testing and deploy. 

 

RESOURCES

(Phase/Description/Allocation/Payment)

Phase 1  Project Initiation & Setup

Environment setup , developer onboarding, API configuration,  UI/UX foundation

40% ($1,600)

• Upon project commencement

Phase 2  Completion & Delivery

Completion of proposal, voting, and delegation modules; UI polishing, backend integration, and optimization.

Final implementation of the AI assistant (Optional); chatbot testing & UX refinement.(10% Cost)

60% ($2,400)

• Upon project completion

Total Project Cost: $4,000 USD

Payments released in two milestones aligned with deliverables and verified progress.