Xendit API Integration
Integration of Xendit payment APIs into web and mobile applications, enabling QRIS and e-wallet payments with real-time status updates and secure webhook handling.
- Role
- Full-Stack Developer
- Year
- Focus
- API Integration, Payment Systems, Full-Stack Development, Real-Time Systems
- Project link
- xendit.co/api
Overview
This work demonstrates my integration of Xendit payment APIs into modern web and mobile applications, enabling seamless QRIS and e-wallet payment flows.
The Idea
The goal of this integration was to create a smooth payment experience without forcing users to leave the application.
Instead of redirect-based payments, the system uses Xendit's modern /payment_requests endpoint to generate QRIS payments directly inside the UI. This allows customers to complete payments quickly while the system handles real-time updates and secure webhook processing.
What I Built
- Payment system using Xendit
/payment_requestsendpoint - Native QRIS rendering inside application UI
- Secure webhook listener for payment status updates
- Firestore-based real-time order status synchronization
- Full checkout flow integration across web and mobile apps
Key Highlights
- Native QRIS checkout experience without page redirection
- Secure webhook validation for payment events
- Real-time payment status updates using Firestore listeners
- Integration architecture compatible with modern Next.js applications
Impact
This integration enables production-ready digital payment flows for web and mobile platforms, providing fast QRIS checkout experiences while maintaining secure and reliable backend payment processing.