React
Angular
TypeScript
I Nengah Riandika

I Nengah Riandika

|

Passionate frontend engineer with 5+ years of experience building scalable, high‑performance web applications using React, Angular, and modern JavaScript ecosystems.

Scroll

About Me

I Nengah Riandika

Frontend Engineer

I'm a results‑driven frontend engineer with over 5 years of experience designing and developing high‑performance web applications in the banking and fintech industry. My expertise spans React.js, Angular, Next.js, and micro frontend architectures, enabling me to deliver modular, scalable solutions that drive business value.

I specialize in building enterprise‑level platforms with modern JavaScript/TypeScript ecosystems, implementing module federation, optimizing build pipelines, and leading frontend guilds to establish best practices across development teams. I'm passionate about creating seamless user experiences through clean, maintainable code.

5+YEARS EXPERIENCE

Skills & Technologies

🚀

Technologies

React.jsAngularNext.jsIonic FrameworkStencil.jsREST API
💻

Programming Languages

JavaScriptTypeScript
🌐

Core Web Technologies

HTML5CSS3SCSSTailwind CSSBootstrap
🎨

UI Libraries

Ant DesignAngular MaterialPrimeFacesIonic Component
🏗️

Architecture

Micro FrontendModule FederationNx Monorepo
🔧

Build Tools

WebpackRspack/RsbuildViteCRACO
🧪

Testing

JestReact Testing LibraryUnit Testing
🛠️

Tools

GitBitbucketGitLabGitHubJenkinsNginx

Additional

Vue.jsLaravelKotlin Android Development

Experience

Software Engineer

March 2022 – Present

PT Bank Mandiri (Persero) Tbk

  • Developed and maintained large-scale enterprise web applications using React.js, TypeScript, and Redux for state management.
  • Built and optimized Micro Frontend architecture using Module Federation (Webpack/Rspack), enabling independent team deployments across banking platforms.
  • Engineered reusable UI component libraries and integrated Ant Design for consistent design systems.
  • Led frontend guild initiatives to establish coding standards, testing best practices, and code review workflows.
  • Implemented comprehensive unit testing with Jest and React Testing Library, achieving high code coverage targets.
  • Collaborated with backend teams on RESTful API integration with SSO Keycloak authentication.
  • Managed build pipeline optimizations with Webpack, Rspack/Rsbuild, and CRACO configurations.
  • Deployed and configured applications on Nginx servers with CI/CD pipelines via Jenkins.
  • Utilized Nx Monorepo for managing multi-project Angular applications with shared libraries.

Frontend Developer

October 2019 – March 2022

PT Flash Informatika Cemerlang

  • Developed cross-platform web and mobile applications using Stencil.js, Ionic Framework, and Angular.
  • Built Progressive Web Applications (PWA) for government and education sectors with offline-first capabilities.
  • Created custom web components using Stencil.js for reusable, framework-agnostic UI elements.
  • Integrated Google Maps API and real-time data visualization for monitoring dashboards.
  • Designed responsive layouts with PrimeNG, PrimeFaces, and custom SCSS styling.
  • Collaborated in agile teams, participating in sprint planning, daily standups, and retrospectives.
  • Managed version control workflows with Git, Bitbucket, and GitLab for team collaboration.

Featured Projects

Operation Request Portal (ORP) screenshot 1
Operation Request Portal (ORP) screenshot 2
Operation Request Portal (ORP) screenshot 3
+2
Enterprise Banking Platform

Operation Request Portal (ORP)

A comprehensive enterprise banking platform for managing operational requests, built with micro frontend architecture enabling independent team deployments and scalable feature development.

React.jsTypeScriptReduxModule FederationAnt DesignTailwind CSSSSO KeycloakReact Testing Library
E-Channel GO screenshot 1
E-Channel GO screenshot 2
E-Channel GO screenshot 3
ATM & CRM Monitoring

E-Channel GO

Enterprise monitoring dashboard for ATM and CRM operations with real-time status tracking, Google Maps integration, cash replenishment monitoring, transaction insights, asset tracking, and Progressive Web Application (PWA) support for field engineers.

React.jsTypeScriptReduxPWAAnt DesignTailwind CSSGoogle Maps API
Loan Maintenance Automation Posting (LMAP) screenshot 1
Loan Maintenance Automation Posting (LMAP) screenshot 2
Enterprise Banking Platform

Loan Maintenance Automation Posting (LMAP)

An internal enterprise application that automates non-cash loan maintenance processes, integrating Single Sign-On (SSO), streamlined order submission workflows, and reporting features to improve operational efficiency.

React.jsTypeScriptReduxAnt DesignTailwind CSSReact Testing Library
Bulk Posting System (BPS) screenshot 1
Bulk Posting System (BPS) screenshot 2
Bulk Posting System (BPS) screenshot 3
Enterprise Banking Platform

Bulk Posting System (BPS)

High-volume transaction processing system for bulk posting operations, leveraging Angular with Nx Monorepo architecture for shared libraries and modular development.

AngularTypeScriptRxJSAngular MaterialNx Monorepo
Monev.co - Landing Page screenshot 1
Monev.co - Landing Page screenshot 2
Online Exam Platform

Monev.co - Landing Page

Monev.co is a digital platform that simplifies exam management for educational institutions. The landing page serves as the first touchpoint for users, highlighting Monev’s features, benefits, and guidance for various user roles (Admin, Participant, Help Center).

Stencil.jsTypeScriptIonic ComponentTailwind CSS
Monev Portal screenshot 1
Monev Portal screenshot 2
Monev Portal screenshot 3
+2
Online Exam Platform

Monev Portal

Monev Portal is a centralized platform for managing digital question banks used in computer-based testing (CBT). The portal allows academic staff and reviewers to collaboratively create, filter, review, and manage test questions across various faculties and programs. It includes features such as real-time progress tracking, multi- step review stages, and dashboard analytics for item development.

AngularTypeScriptPrimeNGPrimeflex CSSAngular HttpClient
View All Projects

Education

🎓

STMIK Widya Cipta Dharma Samarinda

Bachelor Degree in Information Technology

August 2015 – September 2019GPA: 3.55 / 4.00

Get In Touch

I'm always open to new opportunities and interesting projects. Whether you have a question or just want to say hi, feel free to reach out!

Let's work together

Download my resume to learn more about my work and experience.

Riandika