Mozilla hubs client for login with unstoppable domain
mozilla.mp4
Discord ID: spiritbro1#1101
Unstoppable Domain Registered email address: [email protected]
Mozilla hubs is a 3d meeting tool by mozilla, you can basically create your own 3d environment as you like, in this repository im showing you how you can login with unstoppable and use it as your avatar name and also you can show your NFT, to show off to your friend and you can also open a link to the opensea for that NFT in case your friend want to buy it later.
- Node.js version 16.13.0
- Mozilla Browser
- Metamask
- Unstoppable domain account
- Moralis Account
- Infura
- WSL for windows or terminal for linux
First you need to create .env file and create this variable :
CLIENT_ID=# you can get this from unstoppable domain application that you submit earlier
CLIENT_SECRET=# you can get this from unstoppable domain application that you submit earlier
REDIRECT_URIS=# you can get this from unstoppable domain application that you submit earlier
MORALIS_KEY=# you can get this on moralis admin
INFURA_ID=# you can get this from infura dashboard
After that if you use windows open C:\Windows\System32\Drivers\etc\hosts in administrator mode or if you use linux open /etc/hosts and add this in the last line:
127.0.0.1 hubs.local
After that open your terminal and run this :
npm install
npm run devAfter it's said Compile with warnings open your firefox browser(for now it can only be used in firefox) and open https://hubs.local:8080 :
click Accept risk and continue after that you will see something like this :
Click create room to create room, then you will see something like this :
Now click login with unstoppable and login with your name after login click people tab on the right corner of your screen and you can see that your unstoppable domain name is being used as your avatar name:
And if you click on NFT tab you can see your whole NFT collection :
And if you click one of them it will show in front of you :
And if you hold space in your keyboard in front of your spawned NFT it will show open link button which then will redirect you to opensea link of that NFT
If you want to logout you can do so by clicking leave button on the right bottom corner:
After you finish developing it or successfully run it obviously you want to deploy it to production in order to do that you can follow the official mozilla hubs instruction for this https://hubs.mozilla.com/docs/hubs-cloud-custom-clients.html unfortunately because i dont have any AWS or digitalocean account i can't show it to you how it look like when it's deployed, but of course it will work if you do it right.