Software engineer · Frontend-focused

Marcel Maruli

Senior Frontend Engineer | Full-Stack Software Engineer

Software engineer with 6 years of experience building products across EdTech, banking, e-commerce, HR technology, and financial services. I focus on React and Next.js, frontend architecture, REST APIs, testing, and cross-functional delivery while growing toward technical leadership.

Frontend engineeringFull-stack collaborationMentoring
Portrait of Marcel Maruli

Professional work

Professional projects

Work across e-commerce, banking, HR technology, and web products, with each project tied to its company and contribution.

Banking · Professional project

BDS (Branch Delivery System)

Bank DKI (Bank Jakarta)

Secure banking web modules for branch-level transaction workflows, integrated with existing core banking services.

Challenge
Support branch-level banking workflows while preserving reliable data flow with existing banking services.
My contribution
Developed and optimized BDS modules and managed application data flows with Prisma ORM.
Process
  • Built branch-level banking modules with Next.js.
  • Used Prisma ORM for reliable queries and schema-driven integration.
  • Integrated the web modules with existing core banking services.
Outcome
Delivered secure web modules that support branch-level transaction workflows.
Next.jsPrisma ORMCore Banking ServicesREST APIs

Renos buyer website preview

Renos buyer website desktop preview

Renos buyer website mobile preview

E-commerce · Professional project

Next.js Migration

PT. Renos Indonesia

Led the buyer-side migration from Create React App to Next.js, covering customer-facing journeys such as checkout and order management.

Challenge
Strengthen SEO capability, maintainability, and frontend performance during the buyer-site migration.
My contribution
Led the buyer-site revamp, reviewed pull requests, and coordinated feature rollouts with other teams.
Process
  • Migrated the buyer application from Create React App to Next.js.
  • Worked on checkout and order-management experiences.
  • Coordinated delivery and reviewed changes across the development team.
Outcome
Migrated the buyer-side application to Next.js to strengthen SEO capability, maintainability, and frontend performance.
React.jsNext.jsReact QueryAxiosJestSonarCloud

E-commerce · Professional project

Hometrend Features

PT. Renos Indonesia

Built Hometrend capabilities across buyer, seller, and back-office applications, including a custom CMS and cross-team integrations.

Challenge
Deliver coordinated Hometrend capabilities across buyer, seller, and back-office applications.
My contribution
Built the features end to end, created a custom CMS, and coordinated integrations with the Seller and Back-office teams.
Process
  • Built features for buyer, seller, and back-office applications.
  • Created a custom CMS to manage Hometrend content.
  • Coordinated integrations and reviewed code across teams.
Outcome
Delivered Hometrend features across the three applications, including a custom content-management system.
React.jsNext.jsCMSCross-team integration

Product delivery · Professional project

Design and Build Application

PT. Renos Indonesia

Established the technical foundation for a new Design and Build application and served as a technical contact with Thailand stakeholders and the CTO.

Challenge
Set up the technical foundation and coordinate platform direction with Thailand stakeholders and the CTO.
My contribution
Selected the library stack, managed peer code reviews, and acted as the technical point of contact across teams.
Process
  • Established the application foundation and selected its library stack.
  • Coordinated technical direction with Thailand stakeholders and the CTO.
  • Managed peer code reviews during delivery.
Outcome
Delivered the project in 4 months against an initial 9-month estimate.
React.jsNext.jsRenos-UIAxiosCode review

HR technology · Professional project

Human Resource Internal

PT. SiCepat Ekspres Indonesia

Built attendance tracking and reporting for SiCepat employees, including staff from the external vendor app.

Challenge
Support employee attendance monitoring, reporting, and manpower-related workflows.
My contribution
Developed employee-facing HR applications and dashboards for attendance monitoring and reporting.
Process
  • Built attendance-tracking and reporting interfaces with React.js.
  • Created data visualizations with Chart.js and connected frontend applications to backend services with Axios.
Outcome
Digitized attendance and HR monitoring processes in reusable frontend modules.
React.jsAnt DesignChart.jsAxios

HR technology · Professional project

Human Resource External

PT. SiCepat Ekspres Indonesia

Built a branch workforce app to manage staffing and vendor hiring; HR workflows served 500+ users/branches.

Challenge
Provide branch employees access to HR services and support staffing and vendor-hiring workflows.
My contribution
Developed and maintained an external HR application for employees across SiCepat branches.
Process
  • Built user-friendly interfaces for branch HR services.
  • Connected employee-facing workflows with HR processes.
Outcome
Built branch HR workflows that served 500+ users/branches.
React.jsAnt DesignJavaScriptAxios

Amar Bank application desktop preview

Amar Bank application mobile preview

Digital banking · Professional project

Senyumku Application

PT. Amar Bank

Contributed to the digital banking application, including customer-facing landing pages and KYC workflows.

Challenge
Deliver digital banking interfaces and KYC workflows with secure backend API integrations.
My contribution
Built frontend experiences and collaborated with Backend, QA, and Product teams on delivery.
Process
  • Developed customer-facing landing pages and KYC workflows with React.js.
  • Supported CI/CD delivery with GitLab and monitored code quality with SonarCloud.
Outcome
Contributed customer-facing landing pages and KYC workflows to the Senyumku digital banking application.
React.jsAnt DesignAxiosGitLab CI/CDSonarCloud

Web · Freelance project

Multilingual Company Profile Website

PT. Merdeka Digital Asia

Built a responsive company profile website with multi-language support using Vue.js and Vue-i18n.

Challenge
Build a responsive company website that supports multiple languages.
My contribution
Developed the website and integrated its multilingual experience.
Process
  • Built the company profile with Vue.js, Vue Router, Axios, and Bootstrap Vue.
  • Added multi-language support with Vue-i18n.
Outcome
Delivered a responsive multilingual company profile website.
Vue.jsVue RouterAxiosBootstrap VueVue-i18n

Personal work

Personal projects

Personal project

Online Resume

Created an online resume and portfolio so recruiters can browse work without downloading files.

Next.jsReactTailwind CSS

Career path

Experience

KooBits logo

KooBits

Frontend Developer

Aug 2026 – Present

  • Develop and maintain frontend experiences for digital learning products, translating product and API requirements into responsive, maintainable user interfaces.
  • Deliver features, bug fixes, and integration work across Admin and learning-platform flows in collaboration with Product, Backend, QA, and other frontend engineers.
Current
Bank DKI (Bank Jakarta) logo

Bank DKI (Bank Jakarta)

Senior Software Engineer - Full Stack (Contract)

Jun 2026 – Aug 2026

  • Develop secure banking web modules using Next.js, supporting branch-level transaction workflows with an emphasis on performance, data integrity, stability, and maintainability.
  • Manage application data flows with Prisma ORM, including reliable queries and schema-driven integration with existing banking services.
PT. Renos Indonesia logo

PT. Renos Indonesia

Senior Frontend Engineer

Aug 2022 – Feb 2026

  • Led development and continuous improvement of the buyer-side e-commerce platform using React and Next.js, owning major customer-facing flows including checkout and order management.
  • Led the migration of the buyer-side application from Create React App to Next.js, strengthening SEO capability, maintainability, and frontend performance.
PT. SiCepat Ekspres Indonesia logo

PT. SiCepat Ekspres Indonesia

Frontend Engineer

Jun 2021 – Aug 2022

  • Developed and maintained employee-facing HR applications using React.js, including attendance monitoring, reporting, and manpower-related workflows.
  • Built dashboards and data visualizations with Chart.js and integrated frontend applications with backend services using Axios.
PT. Amar Bank logo

PT. Amar Bank

Frontend Engineer

Sep 2020 – Jun 2021

  • Developed digital banking interfaces, customer-facing landing pages, and KYC workflows using React.js and secure backend API integrations.
  • Supported scalable frontend architecture and CI/CD delivery with GitLab CI/CD while collaborating with Backend, QA, and Product teams.

Toolkit

Skills & tools

Frontend

React.jsNext.jsVue.jsJavaScriptTypeScriptHTML5CSS3 / SassTailwind CSSAnt DesignReact QueryAxiosi18n

Backend & data

Node.jsExpress.jsREST APIsMongoDBMongoosePostgreSQLPrisma ORMFirebaseJWTBcrypt

Testing & quality

JestSupertestAutomated testingSonarCloudDebuggingCode review

DevOps & engineering tools

LinuxDockerKubernetesCI/CDTerraformCloud fundamentalsGit / GitHub / GitLabJira / ConfluenceKeycloakMCPCodex AgentsClaude Agents

Soft skills

Problem-solvingCollaborationCross-functional communicationAttention to detailTechnical mentoring

Learning

Education

Dibimbing.id

DevOps / AI & LLM Engineering Program

2026 - Present

Linux, Docker, Kubernetes, CI/CD, Terraform, cloud fundamentals, MCP, LLM-assisted engineering, and automation.

Hacktiv8 Indonesia logo

Hacktiv8 Indonesia

Fullstack Javascript Immersive Program

Nov 2019 - April 2020

Graduation Score: 78.54/100

Sahid University logo

Sahid University

Bachelor's Degree of Food Technology

Oct 2014 - Oct 2018

GPA: 3.22/4.00

Other work

Freelance & mentoring

Tanoto Foundation logo

Tanoto Foundation

Basic HTML Mentor

May 2022

  • Taught basic HTML and computational thinking, introducing students to web concepts and logical problem-solving.
PT. Merdeka Digital Asia logo

PT. Merdeka Digital Asia

Frontend Engineer - Freelance

Mar 2022

  • Built a responsive multilingual company profile website using Vue.js, Vue Router, Axios, Bootstrap Vue, and Vue-i18n.
See project (opens in a new tab)

A note on the work

Reflection

Putting this portfolio together made me realize how many different products I've worked on, from e-commerce and banking to HR and digital learning. I didn't want it to be just a list of technologies; I wanted it to show what I actually contributed.

At Renos, I'm proud of leading the buyer platform's move from Create React App to Next.js and working on key customer-facing features. I'm also proud that our Design and Build project was delivered in four months, after an original estimate of nine. It taught me that good delivery depends on communication and teamwork as much as the code itself.

Since then, I've grown more confident building frontend applications and working across teams. I still have more to learn about cloud and DevOps, and I hope to grow into technical leadership. I made this portfolio to show the work behind my CV and what I hope to do next.