w3f-grants-archive/genesis-dao-frontend

GenesisDAO Frontend

About

This is the frontend UI for GenesisDAO. Users can use this interface to create DAOs and vote on proposals.

Status

🛠️ This repo is still in the early development stage and please use it at your own risk.

Our design guide and mockups are here

Tech and code structure

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

Getting Started

Adjust the environment variables to your need or go with the defaults:

cp .env.example .env

The frontend defaults to the service and node of the genesis dao test environment.

Docker setup

We are using docker compose.

docker compose build
docker compose up

Building from source

1. Install node packages

yarn install

2. Start dev server

yarn dev

3. 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

Usage

• 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 Accounts tab 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.

Before commit

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

License

APACHE 2.0 License