Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/codeamt/eth-user-directory-app
A Vue.js Ethereum dApp developed an built with Ganache and Truffle
https://github.com/codeamt/eth-user-directory-app
Last synced: 5 days ago
JSON representation
A Vue.js Ethereum dApp developed an built with Ganache and Truffle
- Host: GitHub
- URL: https://github.com/codeamt/eth-user-directory-app
- Owner: codeamt
- Created: 2018-07-04T21:03:22.000Z (over 6 years ago)
- Default Branch: master
- Last Pushed: 2018-07-04T21:40:43.000Z (over 6 years ago)
- Last Synced: 2024-11-14T00:29:29.867Z (2 months ago)
- Language: JavaScript
- Size: 640 KB
- Stars: 0
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
Eth User Directory App
This is a simple Vue.js decentralized app (dApp) to demonstrate the underpinnings of a user management system on the Ethereum blockchain. Eth Users can register with the dApp, view wallet details privately, and update/broadcast status on the network.The dApp utilizes Truffle, Metamask and Ganache to develop contracts:
## Demo on Ganache
Note: Running this repo locally requires:
- Ganache or a local blockchain running
- NPM version 5.8.0
- TRUFFLE verson 4.1.5
- Metamask browser extention
Live demo hosted on Heroku: https://user-directory-app.herokuapp.com/
## Running and Testing
Once Metamask and Ganache are installed and running:
1. Clone this repo:
```
$ git clone https://github.com/codeamt/Eth-User-Directory-App.git
```
2. Install dependencies:
(Contract development dependencies)
```
$ truffle compile && truffle migrate
```
This auto generates and makes accessible a duplicate of the compiled Users solidity contract in app-users/src/assets called UsersContract.json to the Vue.js frontend.
Then in the terminal:
```
$ cd app-users && npm install
```
3. Run the project
To get the app going on port 8080 (by default, or whichever port you decide), run:
```
$ npm run dev
```