Lightning-fast crypto payments on the Monad blockchain
- Overview
- Key Features
- Demo
- Technology Stack
- Quick Start
- How It Works
- Project Structure
- Smart Contracts
- Development
- Deployment
- Security Features
- Contributing
- License
- Team
- Links
- Why Monad?
MonadPe revolutionizes crypto payments by making them as simple as sharing a link. Built on the high-performance Monad blockchain, MonadPe enables merchants to generate instant payment links and accept cryptocurrencies with zero coding required.
Why MonadPe?
- ✅ No complex setup or technical knowledge needed
- ✅ Direct wallet-to-wallet transfers (non-custodial)
- ✅ Mobile-friendly with QR code support
- ✅ Professional UI with dark/light theme
- ✅ Built on Monad's blazing-fast EVM
- 🔗 Instant Payment Links - Generate payment links in seconds
- 📱 QR Code Integration - Mobile-friendly QR code payments
- ⚡ Lightning Fast - Built on Monad's high-performance EVM
- 🎨 Professional UI - Clean, modern interface with dark/light themes
- 🔒 Secure - Non-custodial, direct wallet-to-wallet transfers
- 💰 Multi-Token Support - ETH, MON, USDC, USDT support
- 📊 Dashboard Analytics - Track payments and transaction history
Try MonadPe now: https://monadpe.vercel.app/
Watch our comprehensive demo: YouTube Demo
- Framework: Next.js 15.5.2 with TypeScript
- Styling: Tailwind CSS with professional design system
- UI Components: Lucide React icons, Shadcn/ui
- Wallet Integration: Wagmi, Viem
- Theme: Next-themes for dark/light mode
- Network: Monad Testnet
- Smart Contracts: Solidity
- Development: Hardhat
- Libraries: OpenZeppelin
- Frontend: Vercel
- Smart Contracts: Monad Testnet
- Node.js 18+
- npm or yarn
- MetaMask or compatible Web3 wallet
-
Clone the repository
git clone https://github.com/Team-Parashuram/monad-hackathon.git cd monad-hackathon -
Install dependencies
# Frontend cd client npm install # Smart Contracts cd ../contract npm install
-
Environment Setup
# Copy environment file cp .env.example .env.local # Add your configuration NEXT_PUBLIC_NETWORK_MODE=development
-
Run the application
cd client npm run dev -
Visit the app
http://localhost:3001
- Connect Wallet - Connect your MetaMask or compatible wallet
- Generate Link - Specify amount and token type
- Share Payment - Send the generated link or QR code to customers
- Receive Payments - Funds are sent directly to your wallet
- Click Link - Open the payment link on any device
- Connect Wallet - Connect wallet to complete payment
- Confirm Transaction - Review and confirm the payment
- Payment Complete - Transaction is processed on Monad blockchain
monad-hackathon/
├── client/ # Next.js frontend application
│ ├── src/
│ │ ├── app/ # App router pages
│ │ ├── components/ # Reusable UI components
│ │ ├── hooks/ # Custom React hooks
│ │ └── lib/ # Utility functions
│ ├── public/ # Static assets
│ └── package.json
├── contract/ # Smart contracts
│ ├── contracts/ # Solidity contracts
│ ├── scripts/ # Deployment scripts
│ ├── test/ # Contract tests
│ └── hardhat.config.cjs
└── README.md
The core smart contract that handles payment processing on the Monad blockchain.
Key Features:
- Accepts both native (MON/ETH) and ERC-20 tokens
- Direct wallet-to-wallet transfers
- Event emission for payment tracking
- Gas-optimized design
- Built with OpenZeppelin standards
Deployment:
cd contract
npx hardhat compile
npx hardhat test
npx hardhat run scripts/deploy.js --network monad-testnet- Orange/Yellow Theme - Professional color scheme for light/dark modes
- Responsive Design - Mobile-first approach with perfect desktop experience
- Clean Typography - Professional fonts and spacing
- Intuitive UX - Streamlined user experience for crypto payments
- Payment Receiver Contract - Secure payment processing
- Multi-token Support - ERC-20 token compatibility
- Gas Optimization - Efficient contract design
- Event Logging - Complete payment tracking
- QR Code Generation - Instant mobile payment support
- Payment History - Track all transactions
- Network Auto-switching - Seamless Monad testnet connection
- Error Handling - Comprehensive error management
cd contract
# Compile contracts
npx hardhat compile
# Run tests
npx hardhat test
# Deploy to testnet
npx hardhat run scripts/deploy.js --network monad-testnetcd client
# Development server
npm run dev
# Build for production
npm run build
# Run production build
npm start- Connect repository to Vercel
- Configure environment variables
- Deploy automatically on push
- Configure network in hardhat.config.cjs
- Add private key and RPC URL
- Deploy using Hardhat scripts
- Non-custodial - Users maintain full control of funds
- Smart Contract Security - Secure payment processing
- Frontend Security - XSS protection and secure coding practices
- Wallet Integration - Industry-standard wallet connections
We welcome contributions! Please follow these steps:
- Fork the repository
- Create a feature branch (
git checkout -b feature/amazing-feature) - Commit changes (
git commit -m 'Add amazing feature') - Push to 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.
Team Parashuram
- Professional blockchain developers
- UI/UX design specialists
- Smart contract security experts
- Live Application: https://monadpe.vercel.app/
- GitHub Repository: https://github.com/Team-Parashuram/monad-hackathon
- Demo Video: https://youtu.be/lPzdQVFive0?si=6GJnxbVgqbS7S4_b
- Monad Network: https://monad.xyz/
MonadPe leverages Monad's high-performance EVM to provide:
- 10,000+ TPS - Lightning-fast transaction processing
- Low Fees - Cost-effective payments for merchants and customers
- EVM Compatibility - Seamless integration with existing Ethereum tools
- Developer-Friendly - Easy deployment and development experience
Built with ❤️ for the Monad ecosystem
