Galleon interface

[GALLEON-DAPP DEPRECIATION]

galleon-dapp within this repository is now not being developed but can still be forked, maintained & self-hosted

Local development

This project was created with create-react-app. Refer to their docs for advanced usage.

Prerequisites

1. Install Node 14+
2. Install yarn
3. Fork this repo
4. Clone your fork locally

Steps

1. Make a copy of the prod env file

   cp .env.prod .env

2. Install all the dependencies

   yarn install

3. Start the app in development mode on localhost:3000 and run the tailwindcss compiler in seperate terminal

   yarn start

   yarn build:css

4. Navigate to http://localhost:3000/. The changes you make locally should live-reload in the app.

---

Testing

Unit tests

Run unit tests in watch mode

yarn test

Helpful Commands

Build the app for production in the build folder.

yarn build

Eject the app from create-react-app rails.

yarn eject

This project uses browserslist. We need to regularly update browser data via

npx browserslist --update-db

Contributing

The main purpose of this repository is to continually serve the needs of Galleon, making it faster, simpler, and easier to use. As new proposals are submitted and the scope of Galleon's governance evolves, we anticipate this tool will change as well.

We greatly encourage any community contribution that may help Galleon reach more users and promote greater adoption, so be sure to check out our Contribution Guidelines for ways to get involved with our project.

Style Guide

Absolute imports

Prefer absolute imports over relative imports because this is a loose codebase convention. Refer to Configuring React Absolute Imports For TypeScript if your editor isn't picking up absolute imports.

// Good
import Page from 'components/Page'

// Bad
import Page from '../../components/Page'

Import ordering

Order library imports at the top of the file, then a newline separator, then imports for exported members that are defined in this package.

// Good
import React, { useEffect } from 'react'
import { Container, Spacer } from 'react-neu'

import Page from 'components/Page'
import Explanation from 'components/Explanation'

// Bad
import React, { useEffect } from 'react'
import Page from 'components/Page'
import { Container, Spacer } from 'react-neu'
import Explanation from 'components/Explanation'

License

Galleon interface is MIT licensed.