2023–Present
01 · Company Work
Unit4: Financials by Coda
No-compromise financial management for large enterprises across financial services, retail, manufacturing, and logistics — trusted by Pinnacol Assurance, Labuan Re, and global clients.
Hey, there 👋
I'm Kiki
Full-Stack Software Engineer
Full-stack engineer with deep backend expertise and modern frontend skills
Tech stack highlights
React.jsNext.jsTypeScriptNode.jsGraphQLPostgreSQL
Company Work
Company Work
Professional contributions at product companies — engineering that scales products used by thousands.
2019–2023
02 · Company Work
CPERP — Charoen Pokphand ERP
Digitized paper-based poultry operations for one of Asia's largest producers.
Highlights
Unit4: Financials by Coda
No-compromise financial management for large enterprises across financial services, retail, manufacturing, and logistics — trusted by Pinnacol Assurance, Labuan Re, and global clients.
Financials by Coda — Unit4's standalone financial management software for large enterprises. 'Multi-everything' flexibility (multi-entity, multi-currency, multi-language, multi-tax) from a single ledger that stays in balance.
Key Contributions
- Capability settings export: designed package-safe architecture with registry pattern, reduced Excel generation from 2 minutes to seconds
- Microsoft Graph API integration: setup and integrated Graph API as a new email provider for Financials by Coda
- XSS vulnerability fix via Burp Suite audit — became standard pattern for link handling
- Password hash migration to Bouncy Castle (C5 compliant) with gradual zero-downtime upgrade
- REST API test automation with REST Assured replacing manual QA
- Jenkins pipeline for language pack automation — moved from Maven Nexus to GitHub
Stack
- Java
- Apache POI
- Wildfly
- REST Assured
- Burp Suite
- Bouncy Castle
- Jenkins
- Azure DevOps
Highlights
CPERP — Charoen Pokphand ERP
Digitized paper-based poultry operations for one of Asia's largest producers.
Special note: Selected as the only intern out of 6 to receive an early full-time contract, I began working full-time while still finishing my university thesis.
Built ERP modules on idempiere/OSGi framework for Charoen Pokphand Indonesia, digitizing poultry operations, HR hiring workflows, and budget management. This taught me data manipulation, deep debugging in Java, and complex SQL queries.
Key Contributions
- Poultry document digitalization: converted paper workflows to online system with approval tracking and audit trail
- HR hiring system with digital applicant tracking, approval workflow, and headcount budget calculations
- Budget management: real-time headcount vs yearly budget visibility for HR and management
Stack
- Java
- idempiere
- OSGi
- SQL
- HTML
- CSS
- JavaScript
2023–Present
01 · Company Work
Unit4: Financials by Coda
Highlights
Unit4: Financials by Coda
No-compromise financial management for large enterprises across financial services, retail, manufacturing, and logistics — trusted by Pinnacol Assurance, Labuan Re, and global clients.
Financials by Coda — Unit4's standalone financial management software for large enterprises. 'Multi-everything' flexibility (multi-entity, multi-currency, multi-language, multi-tax) from a single ledger that stays in balance.
Key Contributions
- Capability settings export: designed package-safe architecture with registry pattern, reduced Excel generation from 2 minutes to seconds
- Microsoft Graph API integration: setup and integrated Graph API as a new email provider for Financials by Coda
- XSS vulnerability fix via Burp Suite audit — became standard pattern for link handling
- Password hash migration to Bouncy Castle (C5 compliant) with gradual zero-downtime upgrade
- REST API test automation with REST Assured replacing manual QA
- Jenkins pipeline for language pack automation — moved from Maven Nexus to GitHub
Stack
- Java
- Apache POI
- Wildfly
- REST Assured
- Burp Suite
- Bouncy Castle
- Jenkins
- Azure DevOps
2019–2023
02 · Company Work
CPERP — Charoen Pokphand ERP
Highlights
CPERP — Charoen Pokphand ERP
Digitized paper-based poultry operations for one of Asia's largest producers.
Special note: Selected as the only intern out of 6 to receive an early full-time contract, I began working full-time while still finishing my university thesis.
Built ERP modules on idempiere/OSGi framework for Charoen Pokphand Indonesia, digitizing poultry operations, HR hiring workflows, and budget management. This taught me data manipulation, deep debugging in Java, and complex SQL queries.
Key Contributions
- Poultry document digitalization: converted paper workflows to online system with approval tracking and audit trail
- HR hiring system with digital applicant tracking, approval workflow, and headcount budget calculations
- Budget management: real-time headcount vs yearly budget visibility for HR and management
Stack
- Java
- idempiere
- OSGi
- SQL
- HTML
- CSS
- JavaScript
Freelance
Freelance Projects
Contract work for clients across industries — delivering tailored solutions with flexibility.
01 · Freelance
CasaLelang — Auction Platform
Closed auction platform where sealed bids determine winners after time-limited windows.
02 · Freelance
Bakery WhatsApp AI Ordering + POS
Natural language ordering chatbot integrated with POS system for a bakery, handling informal Indonesian.
03 · Freelance
Hyppe Indonesia — Social Media Backend
Backend for 10K+ user social app with live streaming and monetization.
04 · Freelance
Hana Florist Admin
Admin dashboard for a florist shop to manage orders.
Highlights
CasaLelang — Auction Platform
Closed auction platform where sealed bids determine winners after time-limited windows.
Modernized an outdated auction platform with a fresh tech stack and streamlined automation. Replaced manual processes with sealed-bid auctions, automated winner notifications, and auto-calculated payments — reducing admin overhead and improving transparency for Indonesian vehicle auctions.
Key Features
- Closed auction system — sealed bids where users cannot see competitors' bid amounts, with time-limited auction windows
- Deposit-based bidding limits — users can only bid on items up to their deposited amount
- Approval/rejection workflow — admin reviews KTP uploads and deposit proof of transfer (bukti transfer) with approval/rejection actions
- Automated winner notification via Resend email service after auction closes
- Auto-calculated charges and refunds — system computes final payment and payback amounts for winning bidders
- CSV bulk product import with multi-image attachment via Google Drive API integration
- Admin testing interface for validating auction scenarios and edge cases
- NestJS modular architecture with unit tests using Jest mocks
Stack
- NestJS
- MongoDB
- Mongoose
- TypeScript
- Clerk
- Resend
- shadcn/ui
- Google Drive API
- PM2
Highlights
Bakery WhatsApp AI Ordering + POS
Natural language ordering chatbot integrated with POS system for a bakery, handling informal Indonesian.
Multi-turn conversational state machine integrated with Twilio WhatsApp and POS system for a local bakery. Customers order naturally in Indonesian ('tambah 2 roti coklat', 'nya 3 aja') and the system extracts bakery products, handles ambiguity with similarity matching, manages cart edits, and confirms delivery or pickup. Orders sync directly to the POS system for seamless order processing.
Key Features
- Indonesian language understanding: informal speech patterns, quantities, cart edits
- POS system integration: orders sync directly to the bakery's point-of-sale system for seamless order processing
- Menu-trained model for cost-efficient AI: cheaper models with optimal output quality
- Product similarity matching for ambiguous requests
- Cart state management with edit modes and confirmation flows
- Delivery/pickup confirmation flow with delivery address handling
- Prompt injection security to prevent malicious input manipulation
- Gemini + OpenAI provider abstraction with rate limiting
Stack
- Node.js
- Express
- MongoDB
- Twilio
- Gemini
- OpenAI
- TypeScript
Highlights
Hyppe Indonesia — Social Media Backend
Backend for 10K+ user social app with live streaming and monetization.
Backend for Hyppe — Indonesian social media app with 10K+ downloads. Rewrote broken coin system, integrated Tencent Cloud RTC for live streaming, and built an automated donation bot that gives new streamers initial engagement to reduce empty-room anxiety. Full production system with payments and real-time notifications.
Key Features
- Coin system remake: rewrote broken currency logic for content creator monetization
- Tencent Cloud RTC integration for live streaming with real-time viewer count
- Donation bot: scheduled system that auto-donates to new streamers for retention
- Real-time payment notifications via WebSocket for virtual account transactions
- Virtual account integration with payment gateway webhook handling
Stack
- NestJS
- MongoDB
- Redis
- Bull Queues
- Tencent Cloud RTC
- WebSocket
- Flutter
- Payment Gateway
Highlights
Hana Florist Admin
Admin dashboard for a florist shop to manage orders.
Order management dashboard built for a florist shop admin to handle packed orders during peak events like Mother's Day and Valentine's. Provides systematic order tracking with history visibility, Google Drive folder per order for proof-of-work images, and Indonesia timezone handling — designed for admin's quality-of-life, not customer-facing.
Key Features
- Order CRUD with bulk update operations for efficient batch processing
- Advanced filtering: search by customer, product, date ranges, status, payment status
- Google Drive integration: each order gets its own folder for image uploads with OAuth2 authentication
- CSV export for order data with proper escaping for commas, quotes, and newlines
- Internationalization (i18n): English and Indonesian translations with locale-based routing
- Indonesia timezone handling: server-side date/time calculations for Asia/Jakarta timezone
Stack
- Next.js
- Express.js
- MongoDB
- Mongoose
- TypeScript
- Radix UI
- Tailwind CSS
- Google Drive API
01 · Freelance
CasaLelang — Auction Platform
Highlights
CasaLelang — Auction Platform
Closed auction platform where sealed bids determine winners after time-limited windows.
Modernized an outdated auction platform with a fresh tech stack and streamlined automation. Replaced manual processes with sealed-bid auctions, automated winner notifications, and auto-calculated payments — reducing admin overhead and improving transparency for Indonesian vehicle auctions.
Key Features
- Closed auction system — sealed bids where users cannot see competitors' bid amounts, with time-limited auction windows
- Deposit-based bidding limits — users can only bid on items up to their deposited amount
- Approval/rejection workflow — admin reviews KTP uploads and deposit proof of transfer (bukti transfer) with approval/rejection actions
- Automated winner notification via Resend email service after auction closes
- Auto-calculated charges and refunds — system computes final payment and payback amounts for winning bidders
- CSV bulk product import with multi-image attachment via Google Drive API integration
- Admin testing interface for validating auction scenarios and edge cases
- NestJS modular architecture with unit tests using Jest mocks
Stack
- NestJS
- MongoDB
- Mongoose
- TypeScript
- Clerk
- Resend
- shadcn/ui
- Google Drive API
- PM2
02 · Freelance
Bakery WhatsApp AI Ordering + POS
Highlights
Bakery WhatsApp AI Ordering + POS
Natural language ordering chatbot integrated with POS system for a bakery, handling informal Indonesian.
Multi-turn conversational state machine integrated with Twilio WhatsApp and POS system for a local bakery. Customers order naturally in Indonesian ('tambah 2 roti coklat', 'nya 3 aja') and the system extracts bakery products, handles ambiguity with similarity matching, manages cart edits, and confirms delivery or pickup. Orders sync directly to the POS system for seamless order processing.
Key Features
- Indonesian language understanding: informal speech patterns, quantities, cart edits
- POS system integration: orders sync directly to the bakery's point-of-sale system for seamless order processing
- Menu-trained model for cost-efficient AI: cheaper models with optimal output quality
- Product similarity matching for ambiguous requests
- Cart state management with edit modes and confirmation flows
- Delivery/pickup confirmation flow with delivery address handling
- Prompt injection security to prevent malicious input manipulation
- Gemini + OpenAI provider abstraction with rate limiting
Stack
- Node.js
- Express
- MongoDB
- Twilio
- Gemini
- OpenAI
- TypeScript
03 · Freelance
Hyppe Indonesia — Social Media Backend
Highlights
Hyppe Indonesia — Social Media Backend
Backend for 10K+ user social app with live streaming and monetization.
Backend for Hyppe — Indonesian social media app with 10K+ downloads. Rewrote broken coin system, integrated Tencent Cloud RTC for live streaming, and built an automated donation bot that gives new streamers initial engagement to reduce empty-room anxiety. Full production system with payments and real-time notifications.
Key Features
- Coin system remake: rewrote broken currency logic for content creator monetization
- Tencent Cloud RTC integration for live streaming with real-time viewer count
- Donation bot: scheduled system that auto-donates to new streamers for retention
- Real-time payment notifications via WebSocket for virtual account transactions
- Virtual account integration with payment gateway webhook handling
Stack
- NestJS
- MongoDB
- Redis
- Bull Queues
- Tencent Cloud RTC
- WebSocket
- Flutter
- Payment Gateway
04 · Freelance
Hana Florist Admin
Highlights
Hana Florist Admin
Admin dashboard for a florist shop to manage orders.
Order management dashboard built for a florist shop admin to handle packed orders during peak events like Mother's Day and Valentine's. Provides systematic order tracking with history visibility, Google Drive folder per order for proof-of-work images, and Indonesia timezone handling — designed for admin's quality-of-life, not customer-facing.
Key Features
- Order CRUD with bulk update operations for efficient batch processing
- Advanced filtering: search by customer, product, date ranges, status, payment status
- Google Drive integration: each order gets its own folder for image uploads with OAuth2 authentication
- CSV export for order data with proper escaping for commas, quotes, and newlines
- Internationalization (i18n): English and Indonesian translations with locale-based routing
- Indonesia timezone handling: server-side date/time calculations for Asia/Jakarta timezone
Stack
- Next.js
- Express.js
- MongoDB
- Mongoose
- TypeScript
- Radix UI
- Tailwind CSS
- Google Drive API
SaaS
SaaS Products
Independent software-as-a-service ventures — building products from idea to launch.
01 · SaaS
ContextCatch — Reddit Lead Monitor
AI-verified Reddit monitoring with credit-based billing.
Highlights
ContextCatch — Reddit Lead Monitor
AI-verified Reddit monitoring with credit-based billing.
Complete SaaS product monitoring Reddit for posts and comments about any topic user want to find. AI verification with Gemini checks if posts are genuinely relevant — not just keyword matches.
Key Features
- Reddit scraping with BullMQ workers and cron scheduling
- AI-powered context verification (Gemini) — not keyword matching
- Dodo payment integration with webhook signature verification
- Credit system pricing with weekly recurring credits
- Plan management: upgrade, downgrade, cancel, resubscribe with proration
- Multi-tenant auth with Clerk, email notifications with Resend
- Interactive onboarding for new users
Stack
- Next.js
- Express
- MongoDB
- Redis
- BullMQ
- Clerk
- Gemini
- Dodo Payments
01 · SaaS
ContextCatch — Reddit Lead Monitor
Highlights
ContextCatch — Reddit Lead Monitor
AI-verified Reddit monitoring with credit-based billing.
Complete SaaS product monitoring Reddit for posts and comments about any topic user want to find. AI verification with Gemini checks if posts are genuinely relevant — not just keyword matches.
Key Features
- Reddit scraping with BullMQ workers and cron scheduling
- AI-powered context verification (Gemini) — not keyword matching
- Dodo payment integration with webhook signature verification
- Credit system pricing with weekly recurring credits
- Plan management: upgrade, downgrade, cancel, resubscribe with proration
- Multi-tenant auth with Clerk, email notifications with Resend
- Interactive onboarding for new users
Stack
- Next.js
- Express
- MongoDB
- Redis
- BullMQ
- Clerk
- Gemini
- Dodo Payments
Hobby
Hobby Projects
Personal experiments and learning projects — exploring ideas without constraints.
01 · Hobby
Focus Wheel — Productivity App
Focus timer with dual payment models: subscription and lifetime access.
02 · Hobby
Jarvis — Telegram Task Bot
AI-powered task management bot with natural language commands.
Highlights
Focus Wheel — Productivity App
Focus timer with dual payment models: subscription and lifetime access.
A personal project to learn payment integration using PayPal — fiddling around with sandbox, setting up subscriptions, and understanding billing flows.
Key Features
- PayPal monthly subscription via Billing Subscriptions API with approval flow
- Lifetime access via PayPal Orders API — one-time payment, no expiry
- Access control middleware: lifetime users (no expiry) vs monthly users (date check)
- Subscription status checking, cancellation, and expiry date calculation
- OAuth2 token management for PayPal API authentication
Stack
- Next.js
- Express
- MongoDB
- Clerk
- PayPal SDK
- Tailwind
- shadcn/ui
Highlights
Jarvis — Telegram Task Bot
AI-powered task management bot with natural language commands.
Telegram bot using Telegraf that manages tasks, sends cron-based reminders with timezone handling, and integrates Gemini AI for natural language task creation. Reminds me of current tasks every 10 minutes so I don't forget.
Key Features
- Telegram bot with Telegraf session management
- Cron-based reminders with timezone handling
- Gemini AI for natural language task parsing from chat messages
- 10-minute reminder loop for current tasks
- Vitest unit tests for core bot functionality
Stack
- Node.js
- Telegraf
- MongoDB
- Gemini
- Vitest
01 · Hobby
Focus Wheel — Productivity App
Highlights
Focus Wheel — Productivity App
Focus timer with dual payment models: subscription and lifetime access.
A personal project to learn payment integration using PayPal — fiddling around with sandbox, setting up subscriptions, and understanding billing flows.
Key Features
- PayPal monthly subscription via Billing Subscriptions API with approval flow
- Lifetime access via PayPal Orders API — one-time payment, no expiry
- Access control middleware: lifetime users (no expiry) vs monthly users (date check)
- Subscription status checking, cancellation, and expiry date calculation
- OAuth2 token management for PayPal API authentication
Stack
- Next.js
- Express
- MongoDB
- Clerk
- PayPal SDK
- Tailwind
- shadcn/ui
02 · Hobby
Jarvis — Telegram Task Bot
Highlights
Jarvis — Telegram Task Bot
AI-powered task management bot with natural language commands.
Telegram bot using Telegraf that manages tasks, sends cron-based reminders with timezone handling, and integrates Gemini AI for natural language task creation. Reminds me of current tasks every 10 minutes so I don't forget.
Key Features
- Telegram bot with Telegraf session management
- Cron-based reminders with timezone handling
- Gemini AI for natural language task parsing from chat messages
- 10-minute reminder loop for current tasks
- Vitest unit tests for core bot functionality
Stack
- Node.js
- Telegraf
- MongoDB
- Gemini
- Vitest
Landing Page
Landing Pages
Conversion-focused landing pages — clean, fast, and designed to capture leads.
01 · Landing Page
Wedding Landing Page
Romantic wedding invitation landing page with gallery and RSVP.
02 · Landing Page
RapidOps — Business Landing Page
Lead generation landing page with Supabase backend.
03 · Landing Page
Whop — SaaS Landing Page
Modern SaaS landing page with Whop checkout integration.
Highlights
Wedding Landing Page
Romantic wedding invitation landing page with gallery and RSVP.
Wedding landing page for a couple's special day — featuring image gallery, video backgrounds, RSVP form, and smooth scroll animations. Clean romantic design optimized for sharing with guests.
Key Features
- Image gallery with carousel slider (react-slick)
- Video background sections for immersive storytelling
- RSVP form for guest responses
- Scroll-triggered animations (react-animate-on-scroll)
- Mobile-responsive romantic design
Stack
- Next.js
- Prisma
- Headless UI
- Heroicons
- Tailwind CSS
- react-slick
Highlights
RapidOps — Business Landing Page
Lead generation landing page with Supabase backend.
Conversion-focused landing page for a business service — clean layout, contact form, and Supabase backend for lead storage. Simple but effective lead capture architecture.
Key Features
- Contact form with react-hook-form validation
- Supabase backend for lead storage
- Clean conversion-focused layout with shadcn styling
- Mobile-responsive design
Stack
- Next.js
- Supabase
- shadcn/ui
- React Hook Form
- Tailwind CSS
Highlights
Whop — SaaS Landing Page
Modern SaaS landing page with Whop checkout integration.
Landing page with Whop checkout integration — clean layout, pricing display, and payment flow using @whop/checkout SDK. Simple but complete payment experience.
Key Features
- Whop checkout SDK integration for payments
- Pricing display with plan options
- Clean conversion-focused layout with shadcn styling
- Mobile-responsive design
Stack
- Next.js
- @whop/checkout
- shadcn/ui
- Lucide React
- Tailwind CSS
01 · Landing Page
Wedding Landing Page
Highlights
Wedding Landing Page
Romantic wedding invitation landing page with gallery and RSVP.
Wedding landing page for a couple's special day — featuring image gallery, video backgrounds, RSVP form, and smooth scroll animations. Clean romantic design optimized for sharing with guests.
Key Features
- Image gallery with carousel slider (react-slick)
- Video background sections for immersive storytelling
- RSVP form for guest responses
- Scroll-triggered animations (react-animate-on-scroll)
- Mobile-responsive romantic design
Stack
- Next.js
- Prisma
- Headless UI
- Heroicons
- Tailwind CSS
- react-slick
02 · Landing Page
RapidOps — Business Landing Page
Highlights
RapidOps — Business Landing Page
Lead generation landing page with Supabase backend.
Conversion-focused landing page for a business service — clean layout, contact form, and Supabase backend for lead storage. Simple but effective lead capture architecture.
Key Features
- Contact form with react-hook-form validation
- Supabase backend for lead storage
- Clean conversion-focused layout with shadcn styling
- Mobile-responsive design
Stack
- Next.js
- Supabase
- shadcn/ui
- React Hook Form
- Tailwind CSS
03 · Landing Page
Whop — SaaS Landing Page
Highlights
Whop — SaaS Landing Page
Modern SaaS landing page with Whop checkout integration.
Landing page with Whop checkout integration — clean layout, pricing display, and payment flow using @whop/checkout SDK. Simple but complete payment experience.
Key Features
- Whop checkout SDK integration for payments
- Pricing display with plan options
- Clean conversion-focused layout with shadcn styling
- Mobile-responsive design
Stack
- Next.js
- @whop/checkout
- shadcn/ui
- Lucide React
- Tailwind CSS
skills.tsx
MY SKILLS
Tech Arsenal
The tools and frameworks I leverage to bring ideas to life.
