masaun / walletConnect-ticketing-dapp

WalletConnect based Ticket🎫🎟dApp(System)

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

WalletConnect Ticket🎫🎟dApp


【Introduction of WalletConnect Ticket dApp】

  • This dApp is walletConnetct based ticket system
  • Attendence can buy Ticket by ERC20. (This time use demo token od ERC20 only. Demo token is called OceanToken)
  • Ticket which attendence bought is issued by signature of WalletConnect. (And also, that ticket is issued by timestamp and transaction-hash when attendence buy ticket)
  • Attendence can show and display bought and validated ticket when they go through at gate of some events.

 


【Specification of WalletConnect Ticket dApp】

  • Number of be able to buy ticket is limited to 100.
  • Ticket price is 0.0001 OCEAN which is demo token of ERC20 (And also, OceanToken is demo token of ERC20)
  • Ticket which attendence bought is issued by signature of WalletConnect.
    • However, it has been in progress yet.
    • Currently, it use value of constant. In future, it replace value of variable of signature of WalletConnec.

 


【Work flow】

  1. Admin user publish ticket by pushing button of "Mint" ot "Factory Mint"
  2. Attdence buy published ticket by pushing a button of "BuyTicket"
  3. Attdence show bought and validated ticket by pushing a button of "ShowTicket" (Next time, I will implement to display bought and validated ticket by QR-code of walletConnect)

 


【Setup】

Setup wallet by using Metamask

  1. Add MetaMask to browser (Chrome or FireFox or Opera or Brave)
    https://metamask.io/

  2. Adjust appropriate newwork below

Rinkeby Test Network

 

Setup backend

  1. Deploy contracts to Rinkeby Test Network
(root directory)

$ npm run migrate:rinkeby

 

Setup frontend

  1. Execute command below in root directory.
$ npm run client

(@Note: This time, it use ./client as frontend. It doesn't use ./client2 as them)
  1. Access to browser by using link
http://127.0.0.1:3000

 


【References】

About

WalletConnect based Ticket🎫🎟dApp(System)


Languages

Language:TypeScript 55.0%Language:JavaScript 42.3%Language:HTML 1.9%Language:CSS 0.7%