TacoDAO [UI]

TacoDAO [UI] is a web3 DAO dashboard template built with Next.js, ChakraUI, and ThirdWeb that lets users join a decentralized organization by minting a membership NFT and voting on proposals with a governance token. Created by Braian Vaylet during a buildspace course, this open-source project is deployed live on Vercel and demonstrates a complete DAO front end connected to Rinkeby testnet contracts.

What is TacoDAO [UI]?

TacoDAO [UI] is a front-end for a decentralized autonomous organization, or DAO, that combines a React-based interface with blockchain smart contracts. It takes a Metamask wallet connection on the Rinkeby test network as its primary input and produces an interactive dashboard where users can mint a membership NFT, view their governance token balance, and submit votes on proposals. The repository lists three deployed contracts on Rinkeby: the TacoDAO Membership contract, the TacoDAO Governance Token, and the TacoDAO Epic Proposals voting contract. The project was built with educational purposes during the buildspace courses and uses ThirdWeb to handle the blockchain interactions.

Key Features

• Tech stack — Built with Next.js for the React framework, ChakraUI for styled components, ThirdWeb for chain interactions, and Alchemy for blockchain infrastructure, as listed in the repository topics.
• Metamask authentication — Users connect with their Metamask wallet after configuring it to use the Rinkeby test network.
• Membership NFT minting — The UI allows users to mint their own TacoDAO membership NFT directly from the interface.
• Governance token display — The app shows each user's DAO governance token balance, which is used for decision making inside the organization.
• Proposal voting — The Epic Proposals contract supports token-weighted voting on proposals, and the UI provides the voting panel.
• Vercel deployment — The demo is deployed on Vercel and can be interacted with at the repository's live link.

Who is it for?

• Web3 developers who want a working reference implementation of a membership NFT and governance token DAO front end to learn from or adapt.
• Buildspace students looking for a completed project example that integrates Next.js, ChakraUI, ThirdWeb, Metamask, and Rinkeby contracts.
• DAO founders prototyping an idea who need a minimal but functional UI to mint membership NFTs and run token-weighted votes without building a front end from scratch.

What can you do with TacoDAO [UI]?

• DAO founders: deploy the included smart contracts on Rinkeby and use this UI to let early members mint membership NFTs and start voting.
• Community members: connect a Metamask wallet, mint the Taco membership NFT, and cast votes on active proposals using the governance token.
• Learners: inspect how the Next.js front end uses ThirdWeb SDK to read contract states, trigger mints, and submit transactions.

How does TacoDAO [UI] work?

First, users install and configure Metamask for the Rinkeby test network. After connecting the wallet, the app loads the DAO's contract data through ThirdWeb. Users can then mint the membership NFT, which grants access to participate in governance, and use their governance token balance to vote on proposals recorded in the Epic Proposals contract. All contract addresses are visible in the README for verification on Etherscan.