CiviLink

CivicChain: Next-Generation Liquid Democracy Governance

Overview

CivicChain is a modern, on-chain governance platform designed for DAOs and online communities. It empowers members to participate in decision-making through a flexible, fair, and transparent system that combines the best of liquid democracy, quadratic voting, and expertise-based delegation. Built with a beautiful, responsive frontend and robust smart contracts, CivicChain makes decentralized governance accessible and effective for everyone.

Features

• Liquid Democracy:Vote directly on proposals or delegate your voting power to any trusted member, with the freedom to change your delegation at any time.

• Quadratic Voting:Voting power increases with token holdings, but in a quadratic way—ensuring no single participant can dominate the process.

• Proxy Voting & Delegation:Easily delegate your votes to others, including recognized experts, to make governance smarter and more efficient.

• Expertise Badges:Members can earn and display expertise badges in specific domains, allowing delegators to make informed choices.

• Veto Power:Special roles can veto proposals that threaten the community’s values or security, with full transparency.

• CITY Token Integration:All governance actions are powered by the ERC20 CITY token, ensuring fair and transparent participation.

• Modern, Beautiful UI:Glass-morphism, dark-themed, and fully responsive frontend with smooth animations and a seamless wallet experience.

• Real-Time, On-Chain Updates:All actions are live on the Base Sepolia testnet, with instant UI updates and full transparency.

Tech Stack

• Smart Contracts: Solidity (Base Sepolia testnet)

• Frontend: React, Vite, Tailwind CSS, Framer Motion

• Wallet Integration: RainbowKit, Wagmi (v2), ethers.js (v5)

• State & Data: React Query, Wagmi hooks

• Design: Glass-morphism, dark mode, responsive layout

Pages & Components

• Dashboard:View CITY token balance, voting power, delegations, and expertise badges.

• Proposals:Browse, view, and discuss all proposals. See real-time voting results.

• Create Proposal:Submit new proposals with rich descriptions and custom voting parameters.

• Governance:Track proposal lifecycle, veto actions, and transparency logs.

• Profile:Manage delegations, claim expertise badges, and view your governance history.

• Reusable Components:Navbar, ProposalCard, WalletConnect, and more.

How It Works

1. Connect your wallet using RainbowKit

2. Participate in governance by voting directly or delegating your votes

3. Create and discuss proposals with the community

4. Track all actions on-chain with real-time updates

Future Scope

• Mobile app and wallet support

• Multi-chain integration and DAO tooling

• Governance analytics, notifications, and insights

• Reward mechanisms for active community members

Getting Started

1. Clone the repository

2. Install dependencies: npm install

3. Run the app: npm run dev

4. Connect your wallet (Base Sepolia testnet) and start participating!

Demo

• Video: https://www.youtube.com/watch?v=VS3Ru4mLPsE

• Live App: https://civi-link.vercel.app/

Contact

For questions, feedback, or contributions, please open an issue or reach out to the team.