Software Engineer
Software Engineer with 4 years of experience across enterprise banking systems and startup client work.
I work in short cycles. At Optima I demoed progress to government and NGO stakeholders, so I got used to taking feedback from a demo and turning it into the next delivery.
That habit made switching stacks normal. In four years I have worked in Vue, React, Flutter, Next.js, WordPress, and Supabase, learning whatever the project needed, including payment integration with Stripe.
At Bank Raya I develop internal systems for several bank divisions, peer reviewing with teammates as we ship, and on the side I take international client work on Upwork, reading unfamiliar code and refactoring AI generated code until it runs.
Tech Stack
TypeScript
React
Vue
Next.js
Nuxt
Tailwind CSS
Flutter
Express
PostgreSQL
PHP
Linux
Docker
Redis
TanStack
Elysia
NestJS
AdonisJSExperience
Programmer (Frontend & Mobile)
PT. Bank Raya Indonesia, Tbk.
Aug 2024 - Present
Programmer (Part-time)
Upwork
Jul 2025 - Present
Programmer
PT. Optima Media Teknologi
Oct 2022 - Aug 2024
JagatRaya Mobile (HRIS)
Flutter-based HRIS mobile application serving 1,000+ daily active users for PT Bank Raya Indonesia.
- Flutter
IFMIS (RayaFIN)
Work plan and budget (RKA) planning and management application integrated with asset management, replacing the spreadsheet-based RKA planning process.
- TypeScript
- Next.js
- Tailwind
Raya SDB - Safe Deposit Box
Digital Safe Deposit Box rental management with single-CIF customer verification, aligned with SE OJK No. 32/SEOJK.03/2017 and PPATK Regulation PER-02/102/PPATK/02/15.
- TypeScript
- Next.js
- Tailwind
RIMA - Raya Insurance Monitoring Application
RIMA is Bank Raya's digital dashboard for insurance in credit operations. It links insurance monitoring to each loan, so default risk and expiring claims stay visible instead of slipping through.
- TypeScript
- Next.js
- Tailwind
Rayapos - Internal Correspondence Application
Modernized internal correspondence application, revamped from Agropos to improve performance, maintainability, and responsive design.
- TypeScript
- Next.js
- Tailwind
IRMS - Integrated Risk Management System
Integrated risk management platform that automates the full risk workflow: identification, measurement, real-time monitoring, and control, all anchored in a centralized Risk & Control Library.
- TypeScript
- Next.js
- Tailwind
WBS - Web Banking System
Web Banking System supporting Bank Raya's digital banking operations, including card management and customer account data.
- TypeScript
- Next.js
- Tailwind
E-Recruitment Raya
Digital recruitment application for Bank Raya's Human Capital Division, replacing manual application handling with a structured hiring and monitoring flow.
- TypeScript
- Next.js
- Tailwind
RICSA - AI Audit Chatbot
AI audit chatbot built on Retrieval Augmented Generation (RAG). It answers from regulations, policies, SOPs, and past audit findings, with every answer traced to its source.
- TypeScript
- Next.js
- Tailwind
LMS - Learning Management System
Digital learning platform for Bank Raya employees: web-based courses, progress tracking, assessments, and discussion forums, with evaluation and learning reports built in.
- TypeScript
- Next.js
- Tailwind
Agen Raya Mobile - Online Transfer Feature
Online interbank transfers in the Agen Bank Raya mobile app, built to grow Bank Raya's fee-based income and bring in more customers.
- Flutter
Agen Raya Dashboard - Fee Management
Agen Raya back-office dashboard for the fee and commission structure of every transaction type: admin fee, Bank Raya commission, agent commission, and PPh. It is the source for the fees and commissions shown in the mobile app.
- TypeScript
- Vue
- Nuxt
Agen Raya Mobile - Referral Feature
Digital saving referrals in the Agen Bank Raya mobile app: agents share a referral code, customers open a digital saving account, and agents earn a fee for every acquisition.
- Flutter
Agen Raya Dashboard - Referral Menu
Back-office menu for digital saving referrals: the Agen Raya dashboard manages referral data from the mobile app and confirms reward payouts to agents.
- TypeScript
- Vue
- Nuxt
Roni Ardiyanto - Portfolio Website
Personal portfolio and landing website with bilingual content (English/Indonesian), a project gallery with brand-colored tech-stack badges, and a clean dark design system.
- TypeScript
- React
- Next.js
- Tailwind CSS
JagatRaya Mobile (HRIS)
Flutter-based HRIS mobile application serving 1,000+ daily active users for PT Bank Raya Indonesia.
- Flutter
IFMIS (RayaFIN)
Work plan and budget (RKA) planning and management application integrated with asset management, replacing the spreadsheet-based RKA planning process.
- TypeScript
- Next.js
- Tailwind
Raya SDB - Safe Deposit Box
Digital Safe Deposit Box rental management with single-CIF customer verification, aligned with SE OJK No. 32/SEOJK.03/2017 and PPATK Regulation PER-02/102/PPATK/02/15.
- TypeScript
- Next.js
- Tailwind
RIMA - Raya Insurance Monitoring Application
RIMA is Bank Raya's digital dashboard for insurance in credit operations. It links insurance monitoring to each loan, so default risk and expiring claims stay visible instead of slipping through.
- TypeScript
- Next.js
- Tailwind
Rayapos - Internal Correspondence Application
Modernized internal correspondence application, revamped from Agropos to improve performance, maintainability, and responsive design.
- TypeScript
- Next.js
- Tailwind
IRMS - Integrated Risk Management System
Integrated risk management platform that automates the full risk workflow: identification, measurement, real-time monitoring, and control, all anchored in a centralized Risk & Control Library.
- TypeScript
- Next.js
- Tailwind
WBS - Web Banking System
Web Banking System supporting Bank Raya's digital banking operations, including card management and customer account data.
- TypeScript
- Next.js
- Tailwind
E-Recruitment Raya
Digital recruitment application for Bank Raya's Human Capital Division, replacing manual application handling with a structured hiring and monitoring flow.
- TypeScript
- Next.js
- Tailwind
RICSA - AI Audit Chatbot
AI audit chatbot built on Retrieval Augmented Generation (RAG). It answers from regulations, policies, SOPs, and past audit findings, with every answer traced to its source.
- TypeScript
- Next.js
- Tailwind
LMS - Learning Management System
Digital learning platform for Bank Raya employees: web-based courses, progress tracking, assessments, and discussion forums, with evaluation and learning reports built in.
- TypeScript
- Next.js
- Tailwind
Agen Raya Mobile - Online Transfer Feature
Online interbank transfers in the Agen Bank Raya mobile app, built to grow Bank Raya's fee-based income and bring in more customers.
- Flutter
Agen Raya Dashboard - Fee Management
Agen Raya back-office dashboard for the fee and commission structure of every transaction type: admin fee, Bank Raya commission, agent commission, and PPh. It is the source for the fees and commissions shown in the mobile app.
- TypeScript
- Vue
- Nuxt
Agen Raya Mobile - Referral Feature
Digital saving referrals in the Agen Bank Raya mobile app: agents share a referral code, customers open a digital saving account, and agents earn a fee for every acquisition.
- Flutter
Agen Raya Dashboard - Referral Menu
Back-office menu for digital saving referrals: the Agen Raya dashboard manages referral data from the mobile app and confirms reward payouts to agents.
- TypeScript
- Vue
- Nuxt
Roni Ardiyanto - Portfolio Website
Personal portfolio and landing website with bilingual content (English/Indonesian), a project gallery with brand-colored tech-stack badges, and a clean dark design system.
- TypeScript
- React
- Next.js
- Tailwind CSS