Previous Hackathon
This project was originally created and submitted into the Faber Web3 hackathon a few months earlier. After winning one of the smaller runner up prizes, IPFS awarded us a micro grant to continue development on the project.
We have used this to migrate the project over to Hedera, completely rebuild the website to be a React app, and add significant upgrades to the NFT experiences which we offer both in terms of quality and volume.
Our previous repo is here --> https://github.com/xx014939/nft-teleporter-faber-hackathon
Our current app repo is here --> https://github.com/xx014939/nft-teleporter-react-app/tree/master/nft-teleporter/src
Experiences app repo (previous project did not have this as a separate app) --> https://github.com/xx014939/three-js-webpack
Inspiration
The Web3 industry can be technically very complex and difficult for non technical business owners to get involved in. Due to the nature of decentralised wallets, assets and services, many processes involve multiple steps, a basic knowledge of cryptography, and in some cases even some coding experience.
As more and more companies wish to on board their brands, products and services onto the blockchain, no/low code services which offer users an easy, cheap and intuitive way to do this will be sought after.
NFT Teleporter fills this gap in the market, by providing brands, social media influencers, athletes etc. The ability to create their very own NFT collections & NFT experiences on the Hedera smart network.
What it does
Very simply, NFT Teleporter creates NFT collections on the Hedera smart network through a no code React based UI tool. The application goes several steps further, by providing users the ability to upload multiple assets to their NFT's metadata, and then providing exciting web based experiences to holders of these NFT's utilising those digital assets (hosted on IPFS).
In addition to this, our simple REST API will allow users who would like to hire devs in the future to construct highly bespoke desktop or web based experiences, to easily retrieve these IPFS hosted assets and utilise them in their own applications.
This allows for easy tokenisation of digital assets by businesses and individuals alike on the Hedera smart network, with almost zero technical skills required!
Our application also promotes reuse of existing digital assets and interaction to create new experiences, with pre-existing smart contracts that have already been deployed. This not only saves businesses time and money, but also saves the planet as well.
How we built it
For the most part, NFT Teleporter is a web based React application. We have a separate node application for displaying the user experiences, which makes use of vanilla JS, Aframe (AR content), and ThreeJS (VR + 3D browser based content).
In terms of the Hedera integration, our smart contracts have been deployed on the test net through the JavaScript SDK, and are interacted with by the end user using the same SDK.
We intend on building in browser wallet authentication when migrating over to the main net, but as for now a user will need to enter their wallet details manually into the web app to sign contracts.
Challenges we ran into
I'm predominantly a front end developer, so it was a bit of a challenge getting everything setup from the back end side of things. I still do get CORS issues sometimes when testing, so please be aware that you made need to disable CORS policy temporarily whilst testing the app!
What's next for NFT Teleporter 2
What's next is that we need to
Migrate the application to the main net.
Have some professional UI designs done which I can replicate on the front end
Lockdown the back end and fix any bugs
Provide some basic developer documentation for users who wish to hire devs at a later stage
Improve and build upon the browser based experiences we currently offer
Built With
- expres
- hedera
- javascript
- node.js
- react
Log in or sign up for Devpost to join the conversation.