A modern Web3 application that allows users to purchase, send, and redeem cryptocurrency gift cards as NFTs. Built with Next.js, TypeScript, and Tailwind CSS. Built on the starknet blockchain.
- Hero Section: Eye-catching gradient design with compelling messaging
- Features Section: Highlights the benefits of blockchain-based gift cards
- Newsletter Signup: Stay updated with the latest features and offers
- Responsive Design: Optimized for all device sizes
- Connect Wallet: Seamless wallet connection with loading states
- Dashboard Access: Automatic navigation to dashboard after wallet connection
- Wallet Display: Shows connected wallet address in the sidebar
- Analytics: Comprehensive metrics including:
- Total gifts purchased and redeemed
- Total value in USD
- Points earned
- Interactive charts showing activity over time
- My Gifts: View and manage owned NFT gift cards
- Purchase Gift Cards: Create new gift cards with various cryptocurrencies
- Redeem Gift Cards: Convert gift cards back to cryptocurrency
- NFT Display: Beautiful card-based UI showing gift card details
- Send Functionality: Transfer gift cards to other wallet addresses
- Transaction Tracking: View transactions on blockchain explorers
- Loading States: Skeleton loaders for better UX
The NIFT contract enables users to:
- Purchase gift cards by depositing ERC-20 tokens
- Receive NFT gift cards as proof of ownership
- Transfer gift cards to other users
- Redeem gift cards to receive the underlying tokens
- Earn loyalty points through purchases
- ERC-721 Compliant: Full NFT standard implementation with enumerable extension
- Multi-Token Support: Accept any ERC-20 token for gift card purchases
- Secure Redemption: Only gift card owners can redeem their tokens
- Points System: Users earn points for purchases (loyalty program ready)
- Event Tracking: Comprehensive event logging for all major actions
- Framework: Next.js 14 with App Router
- Language: TypeScript
- Styling: Tailwind CSS
- UI Components: shadcn/ui
- Icons: Lucide React
- Charts: Recharts
- State Management: React Hooks
- Smart Contract: Cairo
- Core Contract Dependency: Openzepplin
- Node.js 18+
- npm or yarn
- Git
- Scarb
- Starknet foundry
- Clone the repository:
git clone https://github.com/codebestia/nift.git
cd nift
cd frontend- Install dependencies:
npm install
# or
yarn install- Run the development server:
npm run dev
# or
yarn dev- Open http://localhost:3000 in your browser.
- Landing page with hero, features, and newsletter sections
- Wallet connection simulation
- Dashboard with analytics, gift management, purchase, and redeem flows
- Gift card display with NFT-style cards
- Send gift functionality with modal flows
- Loading states and skeleton UI
- Responsive design
- Smart contract integration for Gift card purchase and redeem.
- Real wallet providers (Argent, Bravos)
- Blockchain transaction processing
- IPFS for NFT metadata storage (coming soon)
- Real-time price feeds
- Multi-chain Support: Support for multiple blockchains
- NFT Image Generation: Backend service for generating Nft image automatically after gift card purchase.
- Advanced Analytics: More detailed metrics and reporting
- Social Features: Gift card sharing and social media integration
- Mobile App: React Native implementation
- Marketplace: Secondary market for gift card trading
- Fork the repository
- Create a feature branch (`git checkout -b feature/amazing-feature`)
- Commit your changes (`git commit -m 'Add amazing feature'`)
- Push to the branch (`git push origin feature/amazing-feature`)
- Open a Pull Request
This project is licensed under the MIT License - see the LICENSE file for details.
NIFT - Revolutionizing digital gifting with blockchain technology 🎁