ProofMint
Project Story
What Inspired Me
The idea for ProofMint came from the growing need to authenticate attendance at events, especially in virtual and hybrid environments. As NFTs are gaining popularity, I saw a unique opportunity to use them not just as collectibles, but as Proof of Attendance (PoA). Event organizers can reward participants with a permanent digital credential, while attendees can showcase their involvement in communities, hackathons, conferences, and educational programs. The vision was simple: let people mint a token that proves they were there — and provide a verifiable way to show their commitment and achievements.
What I Learned
Building ProofMint taught me a lot about the intersection of Web3 and event management. I learned how NFTs could be used for more than just art and collectibles, but as practical tools for event organizers and attendees. Additionally, I deepened my understanding of:
- Front-end development using React and Tailwind CSS for clean UI/UX.
- How to integrate wallet connections for minting and verifying NFTs (though backend integration is still a future step).
- The importance of creating a seamless user experience, where participation, wallet connection, and NFT minting feel effortless.
How I Built It
I started by focusing on a UI prototype to showcase how the event attendance process would work using NFTs. The platform allows users to:
- Connect their wallet — securely linking their Web3 wallet to verify identity.
- Mint their Proof of Attendance NFTs — rewarding them with a unique, non-transferable NFT that serves as a digital certificate of participation.
- Showcase their NFTs — displaying their Proof of Attendance on the platform.
The front-end was built using React for fast rendering and interactivity, with Tailwind CSS to keep things responsive and visually appealing. For wallet connection, I planned on using MetaMask or other Web3 wallets, but I faced challenges implementing these integrations fully due to backend limitations.
Challenges Faced
Despite the progress, there were several challenges along the way:
- Lack of Testnet Integration: I wasn’t able to connect my wallet to a testnet for testing, which is crucial for backend integration. Without a testnet, I couldn’t verify wallet authentication or mint NFTs on a blockchain. This limited my ability to fully complete the backend setup, such as testing with Foundry or other local blockchain setups.
- Backend Limitations: While the front-end UI is functional, the backend integration remains a future task. I wasn’t able to build out smart contracts for NFT minting or handle wallet transactions because the testnet was inaccessible for my wallet.
- Time Constraints: Given the hackathon’s tight timeline, I couldn’t fully flesh out all features and test the system with real blockchain transactions. However, the goal was to provide a working prototype that could be expanded upon after the hackathon.
Future Work
In the future, I plan to integrate the following features:
- Backend Development: Implement smart contracts and wallet authentication for real NFT minting.
- Cross-chain Support: Enable PoA NFTs to be minted across multiple blockchains (e.g., Ethereum, Polygon) for wider accessibility.
- Event Organizers Dashboard: Allow event organizers to manage NFT distribution, customize their tokens, and track attendee participation.
Conclusion
ProofMint is a step toward creating a seamless experience for event attendees and organizers to prove and showcase their involvement in events using NFTs. Although the full functionality is still in development, this prototype represents a vision for the future of event participation in the Web3 space.
Demo
You can try the current version of ProofMint here:
ProofMint - Demo
Challenges Faced
- Testnet Issues: Could not integrate backend due to missing testnet support in my wallet.
- Lack of Local Testing Setup: Foundry setup was incomplete, leading to difficulties in testing smart contract interactions.
- Time Pressure: With the hackathon deadline fast approaching, I had to focus on the front-end, leaving the backend integration for future work.
Built With
- gsap
- nextjs
- solidity
- tailwindcss
Log in or sign up for Devpost to join the conversation.