HQ-NFT
NFT dApp: Create, mint, display NFTs. IPFS storage, Ethereum contracts, Next.js frontend with RainbowKit.
ビデオ
説明
The project is called "LW3Punks." Here's a detailed overview:
NFT Collection: The collection consists of 10 unique LW3Punks NFTs.Each NFT is represented by a unique punk-style image.The metadata and images for the NFTs are stored on IPFS , ensuring decentralized and permanent storage.
Smart Contract: The contract is named "LW3Punks" and is deployed on the Linea testnet. It's built using Solidity and extends OpenZeppelin 's ERC721Enumerable and Ownable contracts.Key features of the contract include:Minting functionality with a limit of 1 NFT per transaction A minting price of 0.01 ETH per NFTPausable functionality for emergency situationsWithdrawal function for the contract owner
Web Application: The frontend is built using React and Next.js , providing a modern and responsive user interface.RainbowKit is integrated for easy wallet connection, supporting various wallet providers.The app displays the number of NFTs minted out of the total supply.Users can connect their wallets and mint NFTs directly through the website.
User Experience: The website has a clean, dark-themed interface.It shows a preview image of one of the LW3Punks.Users can see how many NFTs have been minted in real-time.The minting process is straightforward: connect wallet, then click "Mint!"
Development and Deployment: The smart contract was developed and tested using Foundry. The web application is deployed on Vercel , making it easily accessible to users.
Educational Aspect: This project serves as a practical learning experience for Web3 development, covering aspects like smart contract development, IPFS integration, and frontend dApp creation.
ハッカソンの進行状況
Smart Contract Development: Writing and testing the ERC721 contract for the NFT collectionImplementing minting functionalitySetting up access control and pricing mechanisms Frontend Development: Setting up the React/Next.js project structureCreating the UI components for the minting pageImplementing RainbowKit for wallet connection Web3 Integration: Connecting the frontend to the smart contractImplementing IPFS integration for storing NFT metadata