project screenshot 1
project screenshot 2
project screenshot 3
project screenshot 4
project screenshot 5
project screenshot 6

PassportGlobal

"PassportGlobal: Your on-chain digital passport 🌍. Collect stamps by traveling, verified by local WorldcoinID users. Relive memories with every stamp, powered by the Optimism ecosystem. Journey, verify, cherish! 🛂🌏

PassportGlobal

Created At

Superhack

Winner of

🏊 Mode — Prize Pool

Project Description

PassportGlobal is an mobile web app that lets users create a digital passport on-chain. The digital passport follows the ERC721 standard, so it can also be displayed as an NFT. The main functionality of this project that you can receive stamps when visiting a city. This is how it works:

  1. User creates a passport which is minted as an NFT .
  2. User verifies with worldcoin to get full access of application . For eg . Granting stamps to other users
  3. The visitor requests a stamp and receives a QR-Code.
  4. The attester user scans the QR-Code from his phone and can verify that the visitor has been to said city or Country
  5. Once the QR code is successfully scanned , The User will recieve the country /City Stamp via EAS attestations

However, the attester must be verified with Worldcoin ID.

All of this is visualized in a pretty mobile-compatible UI. The Video is been made in Desktop UI mode where as the application looks best in mobile UI view ie. 390 x 840 ..

How it's Made

Passport Global is bootstrapped with the optimism starter kit: The frontend is built with react/vite + wagmi/viem. Styling is done with tailwind and daisy UI. To connect the wallet, we have used Rainbowkit.

We also have a location search backed by the Google Maps API's. The backend is written in foundry, a solidity framework. So , We use Worldcoin to Verify Users to Grant Stamps and get a Verified Badge. We used Figma and Canva for Logos and UI designs .

Links of Project ::

Flow charts : https://www.figma.com/file/WRsvt0x9BQJ288ulXD9mSx/Various-diagrams?type=whiteboard&node-id=0%3A1&t=dmAdW4hd1drKso59-1

UI Designs https://www.figma.com/file/eLwgK3Rz0btVJCH8AW0wjf/Passport-global?type=design&node-id=0%3A1&mode=design&t=XZmvq14uaYyxyujs-1

presentation https://docs.google.com/presentation/d/1vJqiRTBzyEHvJ7SVvXyzOQiAzv5jcM1esdSjvryEfgo/edit?usp=sharing

Deployed Links : A. [chains.optimismGoerli.id]: "0xe30Ac30A50805F26217b7c1A1aC958d4D5e6C26e", B. [chains.baseGoerli.id]: "0xC2409ca19cc56D2Cd69142073d5BCAA211Dcb5F3", C. [chains.zoraTestnet.id]: "0x7775480ED167a1A1c56653f3c8149A11c51d1E6B",

background image mobile

Join the mailing list

Get the latest news and updates