Elio DAO Frontend

About

This is the frontend UI for Elio DAO. 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. Currently, contracts are only available on Stellar's Futurenet.

Our design guide and mockups are here

Tech and code structure

Stellar Next JS React TailwindCSS

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 useElioStore file.

Most of the transaction actions are in the useElioDao hook

Getting Started

  • Please have one of these wallet extensions installed on your browser: Freighter only for now
  • Please turn ON experimental mode and change the network to FUTURENET on Freighter
  • You will need some Stellar XLM tokens to do transactions. For now, you can use the friendbot on Freighter wallet to fund your account. As of now, you will need 1000 XLM tokens to create a DAO.
  • Check the config folder if you want to cutomize configurations.

The frontend defaults to the service of the Elio 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
  1. Start dev server
yarn dev
  1. Now you can open http://localhost:3000 on your browser to see the application.

We obtain contract addresses and some config values from our service at https://service.elio-dao.org/config/ If you need to change the node endpoint, you can go to the config folder

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