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.

Explore selected projects GitHub Email LinkedIn

Frontend engineeringFull-stack collaborationMentoring

Selected work

Projects with a story

A mix of product work and a full-stack project, with the challenge, contribution, process, and outcome made easier to scan.

Project preview

E-commerce · Professional work

Renos Buyer Web Migration

A buyer-side home-living e-commerce platform with product discovery, checkout, and order management experiences.

Challenge: The existing buyer website used Create React App; the migration aimed to improve SEO support and page loading times.
My contribution: As a Senior Frontend Engineer, I handled the buyer-site revamp, reviewed pull requests, and coordinated feature rollouts with other teams.
Process
Outcome: The buyer site was migrated to Next.js. SEO and loading-time improvements were goals; no before-and-after performance metrics are listed.

ReactNext.jsReact QueryJestSonarCloud

Visit Renos

Product delivery · Professional work

Renos Design & Build Application

A new application for the Renos Design and Build product, built with a technical foundation selected for the project.

Challenge: The project needed a frontend foundation and library stack, with technical coordination across the Thailand team and CTO.
My contribution: Established the technical foundation, selected the library stack, reviewed code, and served as a technical point of contact across teams.
Process
Outcome: Delivered the project in 4 months against an initial 9-month estimate, reducing the expected delivery timeline by more than 50%.

ReactNext.jsRenos-UIAxiosCode review

Banking · Professional work

Branch Delivery System (BDS)

Secure web modules for branch-level transactions, integrated with Bank DKI's existing core banking services.

Challenge: Support reliable branch transactions while preserving accurate data flow between the web interface and core banking services.
My contribution: Developed and optimized BDS modules with Next.js and managed data access through Prisma ORM.
Process
Outcome: Delivered web modules to support branch-level banking transactions, with a focus on performance and data integrity. No public performance measurements are available.

Next.jsPrisma ORMCore Banking ServicesTesting

Full-stack · Personal project

Ticketing Management System

A Jira-like application for project workflows and task tracking, with a web interface and a REST API.

Challenge: The project aims to give users a single place to follow project tasks and lifecycle progress.
My contribution: Built the frontend and backend as separate repositories, including authentication and the API that supports the application.
Process
Outcome: The frontend demo and backend API are deployed, and both codebases are available on GitHub. No user-adoption or usage metrics are listed.

ReactTypeScriptNode.jsExpressMongoDBJWT

Live demo Frontend code Backend code

More work

More projects

Personal project

SketchUp + Three.js

A high-performance 3D visualization that demonstrates advanced implementation of 3D geometry processing, and textures within a web-based ecosystem.

ReactNextLucide-reactTailwindcssAxiosThree.jsTypescriptVite

Source code Live preview

Personal project

Setup Workspace

An application to build your dream office and rent it for a month. Experience a workspace that adapts to your tools. Built with typescript, lucide, tailwindcss, next.js, and framer-motion to create a seamless and interactive user experience. The app allows users to customize their workspace with various tools and furniture, providing a unique and personalized environment for productivity and creativity.

ReactNextLucide-reactTailwindcssAxiosFramer-motion

Source code Live preview

Career path

Experience

KooBits

Frontend Developer

Aug 2026 – Present

Develop and maintain frontend experiences for digital learning products, translating product and API requirements into responsive, maintainable interfaces.
Deliver features, bug fixes, and integrations across Admin and learning-platform flows in collaboration with Product, Backend, QA, and other frontend engineers.

Current

Bank DKI (Bank Jakarta)

Senior Software Engineer - Fullstack (Contract)

Jun 2026 – Aug 2026

Developed secure banking web modules using Next.js, supporting branch-level transaction workflows with a focus on performance and data integrity.
Managed application data flows with Prisma ORM, including reliable queries and schema-driven integration with existing banking services.

PT. Renos Indonesia

Senior Frontend Engineer

August 2022 – February 2026

Led development and continuous improvement of the buyer-side e-commerce platform using React and Next.js, including major customer-facing flows such as 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 Express Indonesia

Frontend Engineer

June 2021 – August 2022

Developed and maintained internal and external Human Resource applications.
Created dashboards and data visualizations using Chart.js.

PT. Amar Bank

Frontend Engineer

September 2020 – June 2021

Developed and maintained Digital Banking applications, Landing Pages, and KYC systems.
Built scalable frontend architectures using React, Ant Design, Axios, and GitLab CI/CD.

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

Fullstack Javascript Immersive Program

Nov 2019 - April 2020

Graduation Score: 78.54/100

Sahid University

Bachelor's Degree of Food Technology

Oct 2014 - Oct 2018

GPA: 3.22/4.00

Other work

Freelance & mentoring

Tanoto Foundation

Basic HTML Mentor

May 2022

Taught Basic HTML and Computational Thinking to orphanage children.
Helped foster early interest in technology and logical problem-solving.

PT. Merdeka Digital Asia

Frontend Engineer

March 2022

Built a company profile website using Vue.js, Vue Router, Axios, and Bootstrap-Vue.
Implemented multi-language (i18n) support using Vue-i18n.

See project

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.