June 1, 2025 at 5:05 AM
Title:
Xendit API Integration
Company: Xendit
Period: Jun 2025
Focus: API Integration, Payment Systems, Full-Stack Development, Real-Time Systems
Role: Full-Stack Developer
Description: 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.
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_requests endpoint
- 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.
Links
Images
