This is the frontend UI for GenesisDAO. Users can use this interface to create DAOs, vote on proposals, and govern the DAO via multisignature transactions.
🛠️ This repo is still in the early development stage and please use it at your own risk.
Our design guide and mockups are here
This application is built with React and Next.js. We use Tailwind for CSS and Zustand for state management.
Zustand stores folder is here. Query actions are also in the useGenesisStore file.
Most of the transaction actions are in the useGenesisDao hook
Adjust the environment variables to your need or go with the defaults:
cp .env.example .envThe frontend defaults to the service and node of the genesis dao test environment.
We are using docker compose.
docker compose build
docker compose up- Install node packages
yarn install
- Start dev server
yarn dev
- Now you can open http://localhost:3000 on your browser to see the application.
If you need to change the node endpoint, you can go to the config folder
-
Please have one these wallet extensions installed on your browser: Talisman, Subwallet, or Polkadotjs extension. You can find them here
-
You will need some GenesisDAO native tokens to do transactions. For now, you can use the Polkadotjs UI. Go to the
Accountstab and pick one of the development accounts to transfer tokens to your own account. As of now, you will need 10 native tokens to create a DAO.
Please run this script to test, format, and lint code.
yarn pre-commit
Please use this script to commit and run tests:
yarn commit
This repo uses Conventional Commits specifications