This project is a QR code payment system that allows users to generate QR codes for sendingQR Pay is a decentralized payment solution that allows users to send and receive cryptocurrency effortlessly using QR codes. Our platform simplifies the payment process by generating a QR code for any amount specified by the user. When scanned, the QR code directs the payer to a payment page where they can enter their wallet address and complete the transaction. amounts and receive payments by scanning the QR codes. The system integrates with MetaMask to connect users' wallets and handle transactions.
- Generate QR codes for payment amounts.
- Display the amount to be received and the destination address upon scanning the QR code.
- Connect to MetaMask to get receive the funds.
- Handle payment transactions using a smart contract.
- React & Typescript
- Tailwind CSS
- Wagmi
- Vite
- Arbitrum SDK
- Thirdweb ConnectButtonSDK
- Node.js and npm installed
- MetaMask extension installed in your browser
-
Clone the repository:
ghttps://github.com/Ileolami/QR-code-payment cd QR-code-payment -
Install dependencies:
npm install
-
Start the development server:
npm run dev
-
Open the browser and navigate to http://localhost:5173/ to view the app.
-
Enter the amount you want to send in the input field and click "Generate" to create a QR code.
-
Validate the transaction.
-
Your receiver scans the QR code.
Note: It is recommended for your receiver to carry this action on their wallet browser and have some faucet in their account.