A React + Ethers.js decentralized application (dApp) that allows users to mint, view, transfer, and explore NFTs and event tickets directly from their browser using MetaMask. Built with Tailwind CSS and Framer Motion, it offers a smooth and modern NFT and ticketing experience.
- Seamless MetaMask integration with automatic account and network detection.
- Displays connected wallet address and real-time status updates.
- Mint NFTs with custom image and metadata stored on IPFS (via Pinata).
- Upload, preview, and confirm minting in one simple flow.
- View event tickets as NFTs with detailed metadata and image previews.
- IPFS-powered storage for authenticity and decentralization.
- Easily transfer your NFTs to any valid wallet address.
- Secure and verified transactions through smart contract interaction.
- Built using Ethers.js and wagmi for reliable blockchain connectivity.
- Supports dynamic contract calls and event listeners.
- Automatically displays all NFTs and tickets owned by the connected wallet.
- Grid-based, responsive layout for optimal browsing on any device.
- UI powered by Framer Motion for fluid transitions and micro-interactions.
- Fully responsive, minimal, and modern interface using Tailwind CSS.
- Multiple IPFS gateways and graceful fallback for broken links or metadata.
- Ensures NFT content loads even with CORS or gateway issues.
- Graceful recovery for:
- Missing or invalid metadata
- CORS/network issues
- Blockchain transaction errors
| Layer | Technology |
|---|---|
| Frontend | React.js, Tailwind CSS, Framer Motion |
| Blockchain | Solidity, Ethereum (Sepolia Testnet) |
| Web3 | Ethers.js, wagmi, viem |
| Wallet | MetaMask |
| Storage | IPFS (via Pinata, multiple gateways supported) |
You can try the live app here:
👉 https://nf-tminter-three.vercel.app/
- Connect your MetaMask wallet
- Switch your network to Sepolia Testnet
- In the “Mint NFT” input field enter:
- Press the Mint button 🎨
- View your minted NFT instantly in the Gallery
Anirudh Patwal aka CapThunder19
Anjali Chauhan (Frontend Contributor)
This project is licensed under the MIT License.