puzzle-nouns

This project is an interactive, blockchain-based puzzle game that combines education, gamification, and social engagement. Users start by providing key words or prompts related to blockchain or other relevant topics, which generate unique puzzle pieces. The goal is to collect all 27 pieces by unlocking them through answering blockchain quizzes and sharing puzzle pieces on social media, particularly on Twitter. Each time a user generates a puzzle piece, they must share it on social media to unlock the next one, creating a viral loop that encourages social interaction and growth. As users continue to prompt and share, they progressively build their puzzle. Once all 27 pieces are collected, the user is rewarded with an exclusive non-fungible token (NFT) representing the completed puzzle. This NFT serves as a token of accomplishment, showcasing the user's journey through the game and their knowledge gained about blockchain technology. The puzzle game is designed to leverage social platforms to enhance engagement, learning, and collaboration. By blending blockchain education with creative prompts and social sharing, users experience a unique and personalised journey while building a puzzle that culminates in a NFT reward.

This project is built using Next.js for both the frontend and backend, with TypeScript ensuring type safety and improved code quality. The application integrates MetaMask for secure user authentication and Ethereum interactions, using the ethers.js library to facilitate transactions and NFT management. A key feature is the use of the Nouns NFT API to generate unique puzzle pieces based on user prompts; when users submit prompts, key words are processed to create visually distinct artwork. To unlock puzzle pieces, users must share their progress on Twitter, utilising the Twitter API for social engagement, which promotes broader visibility for the project. Once all 27 pieces are collected, users receive an NFT minted on the Ethereum blockchain, representing their completed puzzle. The backend, powered by Next.js, handles prompt processing, API interactions, and wallet management, while the frontend offers an interactive React-based UI. A notable hack involved adapting the Nouns API to customise puzzle pieces according to user inputs, enhancing the personalisation feature of our platform. This innovative approach blends education, social sharing, and blockchain technology into a rewarding learning experience.