SimpliFi Pay

Demo

About

SimpliFi Pay reimagines crypto payments by bridging the gap between traditional finance and Web3. Built as a World Chain Mini App, it offers: - **User-Owned KYC**: Leveraging World ID for regulatory compliance while maintaining user privacy - **Social Login**: Seamless onboarding through World ID and email verification - **Gasless Transactions**: Zero gas fees thanks to World Chain's transaction sponsorship - **Privacy Features**: Private transactions with optional disclosure - **Multi-chain Support**: Native support for World Chain with cross-chain capabilities - **Instant Payments**: QR code and direct wallet-to-wallet transfers - **Merchant Tools**: Easy integration for businesses through SDK/API Our goal is to make crypto payments as simple as traditional payment apps while preserving the benefits of decentralization and privacy.

How it's made

SimpliFi Pay leverages several cutting-edge technologies to deliver a seamless payment experience: ### Core Technologies - **Next.js 14**: For the frontend application with server-side rendering - **World Chain Mini Apps SDK**: For seamless integration with World Chain ecosystem - **World ID**: For user verification and KYC - **tailwindcss & shadcn/ui**: For responsive and mobile-first design - **Zustand**: For state management - **TypeScript**: For type safety and better developer experience ### Key Integrations 1. **World ID Integration** - Implemented user-owned KYC using World ID - Social login through World ID's verification system - Privacy-preserving identity verification 2. **World Chain Mini App Features** - Used MiniKit.js for wallet interactions and payments - Implemented gasless transactions using World Chain's transaction sponsorship - Built responsive UI following Mini App design guidelines 3. **Payment System** - Integrated World Chain's native USDC for stable payments - Implemented QR code generation for peer-to-peer transfers - Built real-time payment status tracking ### Technical Challenges & Solutions 1. **Privacy Implementation** - Used World Chain's privacy features for optional transaction privacy - Implemented selective disclosure for payment details 2. **User Experience** - Created a seamless onboarding flow with social login - Built mobile-optimized interfaces following World Chain Mini App guidelines - Implemented real-time balance updates and transaction monitoring 3. **Developer Experience** - Set up a monorepo structure for better code organization - Used TypeScript for enhanced type safety - Implemented automated testing for critical components