Giter Club home page Giter Club logo

crypto-weddings-dapp-vue's Introduction

CryptoWeddings Dapp

This the new vue based Dapp to go with the CryptoWeddings smart contracts which recently rewritten.

Stack

  • Ethers
  • Vue
  • Vuex
  • Vue Router
  • Vuetify
  • crypto-weddings-contracts

Notable Features

  • Marry on Blockchain
  • Watch Wedding Live
  • Send Wedding Gifts with Messages
  • Set Wedding Photo
  • Divorce (if needed)
  • Integrated Wallet using Ethers
  • Live Contract Events
  • QR Code Scanning for ease of address use
  • Voice API (chrome only) to say "I do" or "I don't"

Development

To develop locally, first pull the crypto-weddings repository and follow the README instructions.

Once setup, start a local blockchain in the contracts repo:

yarn start:blockchain

Then run (still in the contracts repo) to deploy the contracts locally:

yarn deploy:private

Last thing that needs to be done in the contracts repo is to link the contracts repo so that contract updates are immediately reflected instead of needing to reinstall smart contracts repo:

yarn link

In this repo you can then install dependencies:

yarn

Then link the smart contract repo:

yarn link crypto-weddings-contracts

To run a development server run:

yarn serve:dev

You should be ready to go at this point. You can seed the local instance with weddings using the smart contract repo. See other repo for more information.

Building for Production

yarn build

Deploying (to aws s3)

Everything is currently handled via Amazon aws... super duper decentralized... I know... sorry...

You will need to do the following steps in addtion to the below command:

  • create cloudfront distribution with needed CNAME records
  • request an ssl certicate using ACM
  • point dns to route 53

The s3 bucket is created/updated automatically via deploy command. Cloudfront distributions are invalidated automatically as well. Make sure that DistributionId is set in vue.config

yarn deploy

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.