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

MonaGator

MonaGater is a prototype to token gate Mona avatars. This example uses the awesome Nouns VRMs, but this tech would users to link Mona avatars to their owned NFTs across any EVM chain!

MonaGator

Created At

ETHGlobal New York

Winner of

πŸ’» Mona β€” Best Website using Mona

🀝 Mona β€” Best Interactive Components

Project Description

Unity Project is here: https://github.com/jasperdegens/mona-gator-unity

There currently is not a way to limit access to avatars through Mona's avatar system without minting avatars. It would be awesome to allow for avatars linked to existing NFTs or CC0 NFTs that can be accesses by either the holders or lightly gated to track community participation. With some trickery, we've done just that! We use the user's IP to authenticate them on our server, and then from within Mona we query our server to see which avatar a user is allowed to access. It's a fun prototype that has a lot of potential for projects that want to integrate into Mona.

How it's Made

MonaGator functions as follows: The main process for this app is as follows:

  1. On the webapp side, we detect the client's IP address and authorize a subset of avatars. πŸ•΅οΈβ€β™€οΈ
  2. IP is stored in server kv store, along with an expiration time and authorized avatars. πŸ—„οΈ
  3. On the unity side, we query for authorized avatars using a Unity Web Request. πŸ•ΈοΈ
  4. We detect the same IP address, so can pass back the pre-authorized avatars. 🀝
  5. We can update in realtime (currently using a key-press but could use sockets if enabled on Mona side) ⏰

Used Technologies: πŸ› οΈ

  • Next.js
  • Vercel
  • Unity Visual Scripting Language
  • Mona SDK
  • Nouns VRMs
background image mobile

Join the mailing list

Get the latest news and updates