Live Website: https://qrbid.vercel.app/ Smart Contracts: https://github.com/Shreyassp002/qrbid-smartcontract
The QRBid frontend provides an intuitive interface for users to participate in decentralized QR code auctions. Built with Next.js and Web3 technologies, it offers seamless wallet connection and real-time auction interaction.
- Wallet Integration: Connect with multiple wallets via RainbowKit
- Real-time Updates: Live auction status and countdown timers
- Bid Placement: Easy ETH bidding with URL submission
- Responsive Design: Mobile-first responsive interface
- Framework: Next.js with App Router
- React: 19.1.0 (Latest)
- Styling: Tailwind CSS v4
- Web3: Wagmi + Viem
- Wallet Connect: RainbowKit
- State Management: TanStack React Query
- Icons: Lucide React
- Development: ESLint + Prettier
- Package Manager: Yarn
- Node.js >= 18.0.0
- Yarn 1.22.22+
- Web3 wallet (MetaMask, WalletConnect, etc.)
# Clone the repository
git clone https://github.com/Shreyassp002/qrbid.git
cd qrbid
# Install dependencies
yarn install
# Start development server with Turbopack
yarn dev
# Build for production
yarn build
# Start production server
yarn start
The frontend integrates with QRBid smart contracts deployed on:
- Sepolia Testnet: Development and testing