Git Product home page Git Product logo

graphene-ui's Introduction

Graphene-UI

This is the graphical user interface and reference wallet of Graphene Protocol which connects to Graphene networks nodes (graphene).

This is a browser based wallet, which means your keys are stored locally in your browser and never leave it while using the wallet. You should never expose your keys to anyone as transactions are signed locally before transmitting them to a node.

Getting started

Building Graphene-UI browser based reference wallet depends on node version 16 using a non-root user.

On Ubuntu or macOS, the easiest way to install node is to use Node Version Manager.

Install nvm according to your platforms recommendation and set the version

nvm install v16
nvm use v16

Once you have node installed, clone the repository using the following commands:

git clone https://github.com/decentrawise/graphene-ui.git
cd graphene-ui

Before launching the UI you will need to install the packages using yarn on a non-root user:

yarn

Running the dev server

Once all the packages have been installed you can start the development server by running:

yarn start

Once the compilation is done the UI will be available in your browser at: localhost:8080 or 127.0.0.1:8080. Hot Reloading is enabled so the browser will live update as you edit the source files.

Testnet

By default graphene-ui connects to the mainnet, but it's very easy to switch it to the testnet. To do so, open the UI in a browser, go to Settings, then under Nodes, select the Testnet in the dropdown menu. The UI will reload and connect to the testnet.

Production

If you'd like to host your own UI somewhere, you should create a production build and host it using NGINX or Apache. In order to create a prod bundle, simply run the following command:

yarn run build

This will create a bundle in the ./build/dist folder that can be hosted with the web server of your choice.

Installable (local wallet)

We use Electron to provide installable wallets, available for Windows, macOS and Linux Debian platforms such as Ubuntu. There is a GitHub Action available that shows all the steps necessary for this build.

This will compile the UI with some special modifications for use with Electron, generate installable binaries with Electron and copy the result to the root build/binaries folder.

Docker

Clone this repository, run docker-compose up and visit localhost:8080

Release Branches

There are three branches that forms the current release process.

Develop

All PRs should be pushed to the develop branch. New commits are automatically deployed to this branch and published for review.

Staging (Current Release Candidate)

At the end of each milestone, develop branch is pushed to staging and forms the Release Candidate. Application breaking issues and bugs should be submitted to the issue tracker and PRs should be pushed to staging.

Master (stable)

When all major issues to the current RC are fixed, staging branch is released to the stable master branch.

graphene-ui's People

Contributors

svk31 avatar rngl4b avatar bytemaster avatar alexchien avatar xeroc avatar bitsacer avatar chronoscrypto avatar emfrias avatar c055 avatar clayop avatar szechem avatar naueh avatar aci-leecooper avatar nmywn avatar office-work-account avatar cassiopaia avatar abitmore avatar destenson avatar wmbutler avatar troglodactyl avatar aci-chase-irby avatar mindphlux1 avatar zcnsys avatar noisy avatar wildbunny avatar maqifrnswa avatar nathanielhourt avatar todofixthis avatar vikramrajkumar avatar dnotestein avatar

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.