Inspiration
Several of the workshops during the Hackathon and observations from just general web3 use inspired the concept. The "How To Build a Web3 Game: Code Along" was a big help in the fact the course drove a bigger drive to fully understand SVGs and what the code could do.
The other big inspiration was https://arcadenfts.com/. The idea is that NFT's are more than just static images beside their backend utility. The face of the NFT should be interesting and drive the owner to review it and share it with others.
What it does
The dynamic NFT is a badge that provides several things for the owner. It is a visual representation of scheduled event times. It provides a countdown clock on the badge itself. When the event is live the badge will show a video feed of the ongoing event. Hovering over the badge will flip it to a link that will take you to the event itself so the owner may join the festivities.
Having this interaction and information available to the owner of the NFT does a couple of things. One it provides an incentive to review the NFT beyond just knowing it's a picture. Real data can be obtained by letting the owner plan schedules. It also provides an incentive to share and display the NFT to others. Possibly driving more sales to the event. The fact that is an easily recognizable video feed as opposed to some abstract artwork allows for easier understanding and possible wider adoption of the technology.
How we built it
The countdown timer is dynamic in the sense it is all SVG text being updated. By being able to pass data into the SVG it'll show the remaining time before the event starts. In theory, this can be taken and applied to a number of things that are limited by code/resources since it is a standard SVG file format.
The video feeds can be changed to direct streams of any publicly available video allowing the NFT to be even more dynamic.
All of that is done with a Next.js application that pulls the graphics and metadata from IPFS.
The smart contract uses Chain.link Keepers to keep track of the time that has passed and update the state of the NFT's to dynamically change the NFT itself.
Challenges we ran into
Mental health played a big part in the challenges. One of us has been offline from all communications and interactions with anyone. They were isolated from the world for over 5 years due to PTSD and agoraphobia. This event was a "jump into the deep end" type of situation.
Other challenges included completing most of the project locally but when it came time to deploy services that were decided to be used could not deploy the project. Had to switch services several times and rewrite methods and functionality to get it to finally get to the state it is in.
Accomplishments that we're proud of
Completed a demo of the concept. The challenges listed were a big hurdle. We knew we had the talent and drive but real life gets in the way of things and causes extreme hurdles. The fact we were able to put even this together was a big accomplishment we both are proud to accomplish.
What we learned
The full stack of web3 world.
What's next for True Interactive
Continue to expand on the concept, and finish integrating the front end with the contract. Work on more seamless adaption of technologies and fully moving things over onto IPFS.
Built With
- adobe-illustrator
- fleek
- hardhat
- ipfs
- moralis
- nextjs
- photoshop
- solidity
- vercel
Log in or sign up for Devpost to join the conversation.