app-generator-vue

App Generator Vue Truffle Box

This box can help to scaffold a new contract development. It generates a ledger(register) contract with customizable fields, unit tests and ready-to-use front end Vue app with CRUD functionality.

Here is 🚀 Live Demo

Demo

Demo

UI files are also gerenated, take a look:

Demo

Installation

  1. Install Truffle globally.

    npm install -g truffle
    
  2. Download the box. This also takes care of installing the necessary dependencies.

    truffle unbox melnikaite/app-generator-vue
    
  3. Generate entity

    node agv.js --model Team --fields '[{"team":"string"},{"lead":"string"},{"size":"string"},{"description":"string"},{"github":"string"}]'
    on Windows please use \"
    node agv.js --model Team --fields '[{\"team\":\"string\"},{\"lead\":\"string\"},{\"size\":\"string\"},{\"description\":\"string\"},{\"github\":\"string\"}]'
    
  4. start Ganache on port 7545.

  5. Run truffle migrate to compile and deploy contract to the development environment.

    migrate
    
  6. Run tests

    truffle test ./test/team.js
    
  7. Run the development server (outside the development console) for front-end hot reloading. Smart contract changes must be manually recompiled and migrated.

    npm run dev
    
  8. Open entity page

    http://localhost:8080/#/teams
    

🚀 Live Demo

https://app-generator-vue.s3.eu-central-1.amazonaws.com/index.html#/teams

Deploy

npm run build

Amazon Web Services S3

aws s3 sync dist s3://app-generator-vue --acl public-read

💸 ETH Addresses for Donation

0x63CE9f57E2e4B41d3451DEc20dDB89143fD755bB

0x424988F9443eaE0AD0a23DffBD096E9F21598384

0xA68D58B5a556eDf1eBE09eDA55DdE034b8b4Df61

Visit original content creator repository https://github.com/melnikaite/app-generator-vue

Comments

Leave a Reply

Your email address will not be published. Required fields are marked *