https://github.com/windingtree/arbor-frontend

Arbor front-end is a dAPP to explore and interact with the ORGiD Smart-Contract. It allows creating and managing a travel business organization.
https://github.com/windingtree/arbor-frontend

dapp travel

Last synced: 2 months ago
JSON representation

Arbor front-end is a dAPP to explore and interact with the ORGiD Smart-Contract. It allows creating and managing a travel business organization.

• Host: GitHub
• URL: https://github.com/windingtree/arbor-frontend
• Owner: windingtree
• Created: 2020-03-17T16:26:15.000Z (almost 5 years ago)
• Default Branch: develop
• Last Pushed: 2023-05-08T22:27:19.000Z (over 1 year ago)
• Last Synced: 2024-05-01T10:22:31.938Z (9 months ago)
• Topics: dapp, travel
• Language: JavaScript
• Homepage: https://marketplace.windingtree.com
• Size: 7.72 MB
• Stars: 1
• Watchers: 7
• Forks: 4
• Open Issues: 10
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Winding Tree Marketplace Front-End

Winding Tree Marketplace is an explorer for Winding Tree's [ORGiD Protocol](https://github.com/windingtree/org.id).

It allows owners and directors of travel companies to create and administrate their organizations using a simple and intuitive user interface.

This repository contains the user interface, which is deployed as a static React application.

## Dependencies:

* yarn

* node 10

## Configuration

The App expects environment variables which are used to properly configure the different parameters according to the environment.

* `REACT_APP_LIF_DEPOSIT_AMOUNT`: The minimal amount to be used for verification, eg: 1000

* `REACT_APP_API_URI`: URL for the Backend API

* `REACT_APP_ORGID_PROXY_ADDRESS`: The address of the ORG.ID proxy contract.

* `REACT_APP_DIRECTORY_PROXY_ADDRESS`: The address of the Directory proxy contract.

* `REACT_APP_ETHEREUM_CHAIN_ID`: The Ethereum chain ID, eg: 1 for Mainnet or 3 for Ropsten

Also to handle the maintenance scenario, there is an optional variable to enable maintenace:

* `REACT_APP_MAINTENANCE`: It should be a JSON with the following keys:

  * `active`: `true` or `false` to enable the maintenance mode

  * `text`: The text of the maontenance mode

  * `button`: The text of the button for action

  * `link`: The link of a page that opens in a separate tab when the button is clicked

  * `title`: The title of the maintenance page

## Usage

In the project directory, you can run:

### `yarn start`

Runs the app in the development mode.


Open [http://localhost:3000](http://localhost:3000) to view it in the browser.

The page will reload if you make edits.


You will also see any lint errors in the console.

### `yarn test`

Launches the test runner in the interactive watch mode.

### `yarn build`

Builds Winding Tree Marketplace in the `build` folder.


It correctly bundles React in production mode and optimizes the build for the best performance.

The build is minified and the filenames include the hashes.


## Zeit Deployment usage

Winding Tree Marketplace can be deployed on Zeit now.


There are three preloaded configurations included in this folder for `staging`, `ropsten` and `production` (mainnet). These configurations are picked-up by the `zeit_build.sh` script during the CI/CD flow to build the proper environment.