subject026 / ethpass-demo-app

This is a Next.js project bootstrapped with create-next-app, rainbow-kit and tailwind-css

Getting Started

First, create a file named .env.local in the root directory and add your API key

ETHPASS_API_KEY="YOUR_API_KEY"

Then, run the development server:

npm run dev
# or
yarn dev

Open http://localhost:3000 with your browser to see the result.

API routes can be accessed on http://localhost:3000/api/ethpass.

Examples

Creating a pass

This example contains everything you need to create your first pass.

Fill out the form with the details of the NFT in the wallet you want to create a pass for. Manually inputting the required parameters is for demo purposes only. You'll likely replace this with data aggregated from your integration. E.g. (OpenSea, Alchemy, Zora)

Scanning a pass

Scan passes to verify ownership and view the data you encoded in the barcode.

Documentation

For full API documentation, visit docs.ethpass.xyz.

Linting

The app has some eslint plugins installed for typescript, react, nextjs, and tailwind. Run yarn lint --fix to lint your code.

Troubleshooting

• Camera not working on mobile devices
  • Make sure the web server has valid SSL certificates and is available with https://