https://github.com/craiggleso/parity-ui

UI Design for Parity
https://github.com/craiggleso/parity-ui

blockchain design ethereum parity ui

Last synced: 12 months ago
JSON representation

UI Design for Parity

• Host: GitHub
• URL: https://github.com/craiggleso/parity-ui
• Owner: CraigglesO
• Created: 2017-02-03T02:26:31.000Z (about 9 years ago)
• Default Branch: master
• Last Pushed: 2017-02-18T23:59:47.000Z (about 9 years ago)
• Last Synced: 2025-02-05T19:06:36.778Z (about 1 year ago)
• Topics: blockchain, design, ethereum, parity, ui
• Language: CSS
• Size: 60.6 MB
• Stars: 2
• Watchers: 3
• Forks: 1
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          


### Step 1) Install parity (or geth) and start (or continue) syncing

Make sure for this demonstration to open the Webpack's localhost port for CORS requests.

`parity --rpccorsdomain="http://localhost:3000"`

### Step 2) Start the web application first

```terminal

cd app

npm install

npm start

```

Webpack will run a local server of our React app. If you remove the electron dependencies it would work in the browser.

### Step 3) Boot up Electron

```terminal

cd Electron

npm install

npm start

```

## About

* **Electron** App

* Front End - **React**

* **Web3** ready

* Module Bundler and Development Server - **Webpack**

* 2016-2017 (ES6 and ES7 support) - **Babel**

  - Observables

  - Transform Decorators

* State Manager - **MobX**

* CSS Scaffolding - **Bootstrap**

* Icon support - **Font Awesome**

## Pictures

**Overview:**

![alt tag](https://github.com/CraigglesO/Parity-UI/blob/master/img/overview1.png)

![alt tag](https://github.com/CraigglesO/Parity-UI/blob/master/img/overview.png)

**Bootstrap resize example:**

![alt tag](https://github.com/CraigglesO/Parity-UI/blob/master/img/bootstrap.gif)

**After five minutes (and eventually to login), you are required to enter a simple passcode [0 0 0 0 for now]:**

![alt tag](https://github.com/CraigglesO/Parity-UI/blob/master/img/pass.png)

**Syncing:**

![alt tag](https://github.com/CraigglesO/Parity-UI/blob/master/img/syncScreen.png)

**Syncing in the dock:**

![alt tag](https://github.com/CraigglesO/Parity-UI/blob/master/img/downloadDock.png)

**When the sync is complete:**

![alt tag](https://github.com/CraigglesO/Parity-UI/blob/master/img/complete.gif)

**Loading screen and failure to connect example:**

![alt tag](https://github.com/CraigglesO/Parity-UI/blob/master/img/skeleton.gif)

**License Page:**

![alt tag](https://github.com/CraigglesO/Parity-UI/blob/master/img/license.png)

** ADDITIONS!! **

**App Store:**

![alt tag](https://github.com/CraigglesO/Parity-UI/blob/master/img/store.png)