AkhileshManda / fullstack-polygon-id-vc-gated-dapp

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

This is a template for creating your own VC Gated Dapp

  1. Visit the template repo https://github.com/oceans404/fullstack-polygon-id-vc-gated-dapp/tree/main and click "Use this template" to create a new repo

  2. Follow server setup instructions

https://github.com/oceans404/fullstack-polygon-id-vc-gated-dapp/tree/main/server

  1. Follow frontend setup instructions

https://github.com/oceans404/fullstack-polygon-id-vc-gated-dapp/tree/main/frontend

Default localhosts

  • Frontend: localhost:3000
  • Server: localhost:8080

Here's the fullstack vc gated dapp this template spins up

Welcome page: In order to see the dapp, you need to prove your access rights. Click the "Prove access rights" button

Screenshot 2023-06-23 at 10 51 19 AM

A modal with a QR code appears. Scan this QR code with your Polygon ID mobile app. Note: you must hold a KYCAgeCredential with a birthday before this year. Here's how to get the KYCAgeCredential VC

Screenshot 2023-06-23 at 10 51 30 AM

If you successfully complete age verification, you'll see a success message, then be redirected to the dapp.

Screenshot 2023-06-23 at 10 51 57 AM

This is the Dapp page that you see once you've proved access rights. It's set up with a RainbowKit wallet connector and has read and write to smart contract examples.

Screenshot 2023-06-23 at 10 52 19 AM

About


Languages

Language:JavaScript 90.8%Language:HTML 6.4%Language:CSS 1.8%Language:Solidity 1.0%