Proof-of-Victory NFT Viewer

Introduction

This React application was built for use by hackathon winners to view their Proof-of-Victory NFTs,

Proof-of-Victory (PoV) NFTs are on-chain certificates that allow for physical recognition of an individual's acheivement. While PoV's were created by the Casper Association to recognize hackathon winners, they may be used by other organizations and/or other events.

See the Proof-of-Victory Design Spec for more information.

About

This app uses the Casper Signer to retrieve the user's public key and checks the "owned_tokens" dictionary in the CEP-78 contract to retrieve the tokens. It then makes one query to the "metadata_custom_validated" endpoint per token, passing in the token ID as the dictionary item key.

The Casper Network queries are performed on the backend (in server.js) and then sent back to the front-end for parsing. These requests originate from the front end in lib.js.

Visit the Site

Proof-of-Victory NFT Viewer

Install

Navigate to the working directory you'd like to use

Run:

git clone https://github.com/casper-ecosystem/PoV-viewer-react.git && cd PoV-viewer-react/

Install npm dependencies:

npm install

Start the server, which handles Casper Network requests to circumvent cors:

node server.js

Open another terminal in the same directory and run:

npm start

to initialize the React app.

Visit localhost:3000

Future Work

The PoV Viewer app could benefit from an on-chain smart contract containing an ever growing list of authorized Proof-of-Victory NFT contract addresses.

The authorization authority will be determined either by voting or perhaps even more democratically.