Giter Site home page Giter Site logo

dorgtech / homebase-app Goto Github PK

View Code? Open in Web Editor NEW
45.0 8.0 12.0 9.23 MB

Homebase is a web application that enables users to create and manage/use DAOs on the Tezos blockchain.

Home Page: https://tezos-homebase.io/

License: MIT License

HTML 0.16% CSS 0.15% TypeScript 99.63% JavaScript 0.05% Shell 0.01%
blockchain dao tezos homebase

homebase-app's Introduction

Tezos Homebase

Homebase is a platform designed to let users create and manage DAOs on the Tezos blockchain.

Prerequisites

The following dependencies are required to run homebase-app:

Dependency Version
Node v16.16.0 or above
Yarn v1.22.* or above

Third Party Services

The following third party services are being used by Homebase:

Endpoint URL METHOD
Operations /v1/accounts/${address}/operations GET

Version: 13.0.1

Using Homebase

Creating a DAO

  1. Go to https://tezos-homebase.io/
  2. Click on the Create a DAO button

You will be taken to the DAO Creator, from which you will be asked to choose on the currently supported DAO templates.

  1. Select one of the supported DAO templates
  2. Fill the DAO creation form. You will be asked to fill:

DAO Settings:

  • DAO Name: this will also be the name of the DAO's token.
  • Token Symbol
  • Description

Proposals and Voting:

  • Voting period duration
  • Required stake to propose: required amount of DAO tokens to stake at the time of proposing. Currently follows the formula: b + proposalSize. Where:
    • Proposal size is autocalculated based on the amount of transfers/registry updates (will get outdated soon on the contracts side)
    • B is a constant amount of tokens
  • Returned stake after proposal rejection
  • Transfer amounts (Treasury only): maximum and minimum amounts that can be transferred in a treasury proposal transfer. Currently only supports XTZ
  • Quorum threshold: currently a natural number representing the total amount of votes required for a proposal to pass. Each token staked in a vote operation represents a vote. Therefore, with a quorum threshold of 500, a vote that stakes 500 tokens would make the proposal pass.
  • Maximum proposal size

Distribution Settings:

  • TokenHolders: initial token holder addresses and their initial balances. At least 1 is required.
  • Administrator
  1. You will then be taken to the review page. From here, click the LAUNCH button on the bottom right corner.
  2. You will be redirected to the Launch screen. Do not close your browser tab until the whole process is complete (you are able to see and track progress by looking at the progress bar of this screen). You will be asked to connect your wallet if you haven't already, and then will be asked for 2 signatures: the first one originates the Metadata Carrier contract and the second one originates the actual DAO contract. When the originations are complete you will see a success message and a Go to my DAO button

Exploring DAOs

Go to the home screen. From there you will see a list of all DAOs created in Homebase. They load in groups of 8 for load balancing (will be improved later on with indexer). There is a searchbar available, however, note that searches done using this bar will only yield DAOs that have been already fetched, it will not trigger additional async requests.

Specific DAOs can be explored by clicking on them in the home screen or by URL:

https://tezos-homebase.io/explorer/dao/${DAO_ADDRESS}

Managing a DAO

All DAOs, regardless of their template, have:

DAO page: contains all general DAO information. Here you can see:

  • Current cycle
  • Time left to vote
  • DAO name and description
  • DAO template type
  • Token holders and their balances
  • Active proposals
  • Frozen tokens
  • Voting addresses
  • Execute button

Proposals page: contains all proposals related information and related actions. Here you can see:

  • DAO name
  • New Proposal button and creation modal
  • Execute button
  • Active proposals
  • Frozen tokens
  • Voting addresses
  • Tables with all proposals, passed proposals and active proposals. Each proposal item contains:
    • Title
    • Hash
    • Creation date and cycle
    • Quorum reached vs quorum threshold
    • For/Against votes vs total votes

Proposal detail page: contains all specific information about a proposal and vote actions. Here you can see:

  • Breakdown of the proposal's details (transfers to execute, registry items to update, among others)
  • Proposal title and description
  • Status badge and history
  • Quorum reached vs quorum threshold
  • Proposer
  • For and against votes, each with a detailed modal
  • Vote for and against buttons and modals. Only enabled if proposal is active

Proposal creation modal: all proposal creation modals support multiple operations batched in the same proposal and also allow the user to batch upload transactions with a JSON file. This JSON should follow a specific signature, based on the template type of the DAO. See proposal JSON signatures for each template

DAO Template specific pages and details:

Each DAO template has unique pages related to template specific actions. Also, the proposal creation modals are different across templates.

Registry

Registry page: this page contains a table where all registry items can be visualized, and a table that contains a history of all proposals that updated the registry. Each registry item can be clicked to get a read-only modal that displays the item's key and full value, additionally, clicking the settings icon in each row opens a modal to create a proposal to edit the clicked item. This page also contains a New Item button to create a proposal to add a new item.

Proposal types

There are 2 types of registry proposals:

  • Edit proposals: used to edit one or several registry items
  • Add proposals: used to add one or several items to the registry

At a contract level, there is no such distinction, but in the UI it exists to let the user create a new key or select a key from a dropdown of existing keys, depending on his intention.

Proposal JSON signature:

{
  "foo": "baz",
  "bar": "qux",
  ...
}

Treasury

Holdings/Treasury page: this page contains a table with all DAO holdings organized by token (currently, only supporting XTZ). And also contains a table with all outbound transfers made from the DAO.

Proposal JSON signature:

[
  {
    "amount": 15,
    "recipient": "tz1RKPcdraL3D3SQitGbvUZmBoqefepxRW1x"
  },
  {
    "amount": 20,
    "recipient": "tz1Zqb3hBBN8wLcJYhADcasi1jZdp2YLdG3L"
  },
  ...
]

Contributing

Developer Docs

Running the project

To run the project:

  • Make sure you have node installed
  • git clone [email protected]:dOrgTech/homebase-app.git
  • cd homebase-app
  • yarn
  • Create a .env file in the root, based on the .env.example provided in the code and ask one of the maintainers for the Pinata API Key
  • yarn dev

Glossary

  • Execute (Flush): execute all passed proposals from periods previous to the last one. If the proposal is rejected or did not meet the quorum threshold, then the Execute operation removes it from the proposals list.

  • Administrator: address with permissions to mint, burn and transfer tokens in the DAO without a proposal. It is configured by the DAO creator and can be another contract (like a multisig)

  • Proposal size: metric that describes the size, in packed bytes, of a proposal's metadata. Therefore, the bigger the proposal arguments are (more transfers or more registry updates), the bigger the proposal size is.

homebase-app's People

Contributors

ammoon avatar ashutoshpw avatar benefacto avatar castilloluis avatar cbrzn avatar csoreff avatar eightrice avatar fabiolalombardim avatar juliopavila avatar magentaceiba avatar man-jain avatar namesty avatar omahs avatar smartinsantos avatar thenerdcat avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

homebase-app's Issues

Refactor toolbar

Currently, based on where the toolbar is being displayed (creator or explorer) there's conditional logic to change the styles to properly adapt to the figma.

I would suggest abstracting the toolbar into smaller components instead and assemble them differently based on this condition or make 2 separate toolbars that share the same controller logic.

Create a logout shortcut

Create a menu displayed when clicking on the connect account in the top toolbar. Should look like this:

Screenshot from 2021-03-12 02-24-10

Migrate forms to a different form library

Currently forms are made with Formik, which relies heavily on render props and wrappers, making the code much more verbose, not hooks-oriented and with lots of logic in the markup code.

I would recommend, to ease the maintainability of the forms, to do research on other form libraries like https://react-hook-form.com/ and migrate the forms to that

Create a splash page

It'd be nice to have a splash page with buttons to link the user to the app, and to the documents/code and a brief explanation of what Homebase is and what it does. Similar to: https://sushi.com/

Create a not found page (404)

We should have a "not found" page, so that we can redirect users when they try to navigate diectly through URL to a route that doesn't exist, or to a DAO that does not exist.

Similar to what Aragon has, or any other application

2021-03-10_16-31

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.