Marcel Maruli

Senior Frontend Developer & Mentor

I love to design and code a simple things. I have a passion for software. I enjoy creating tools that make life easier for people.

Experience

PT. Renos Indonesia

Senior Frontend Engineer

August 2022 -

Current

Led development and continuous improvement of a buyer-side e-commerce platform using React and Next.js, focusing on scalability, maintainability, and performance.
Designed and implemented frontend solutions using React Query, Jest, and SonarCloud, improving data consistency, test reliability, and overall code quality.
Owned major frontend features including checkout flow and order management, improving user experience and transaction reliability.
Conducted code reviews to ensure application performance, scalability, and maintainability.

Projects I handled in PT. Renos Indonesia:

NextJs Migration

Handled the full revamp of the Renos buyer-side website.
Moved the stack from React (CRA) to Next.js to get better SEO results and faster load times.
Kept the code quality in check by reviewing pull requests from the rest of the dev team.
Worked closely with other teams to make sure the web app features were rolled out smoothly.

Hometrend Features

Built out the Hometrend features from end-to-end, covering the buyer, seller, and back-office sides.
Coordinated with the Seller and Back-office teams to make sure the integrations worked without a hitch.
Stayed on top of code reviews for my colleagues' work to keep the codebase clean.
Built a custom CMS from scratch to manage all the Hometrend content.
Picked the libraries and tools for the CMS based on what would scale best for the project.

Design and Build Application

Set up the technical foundation and chose the library stack for the new Design and Build app.
Managed peer code reviews to ensure we weren't shipping bugs or messy code.
Acted as a technical point of contact with the Thailand team and the CTO to design the new platform.
Delivered the project in 4-months, cutting the original 9-month timeline by more than 50%.

Tech Stack:

React, NextJs, Renos-UI, Github, Axios, Jest, React or NextJs Library (CryptoJs, React Query, Next-i18n, Swiper, React Google Recaptcha V3, etc), Sonarcloud

Portfolios Preview Video:

Project to build an homelivin e-commerce application for a buyer in web desktop view.

Project to build an homelivin e-commerce application in mobile view.

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.
Improved employee attendance monitoring by building a system to track, report, and control attendance, streamlining HR processes.
Used React, Ant Design, GitLab, and Axios in daily development.

Projects I handled in PT. Sicepat Express Indonesia:

Employee Attendance Monitoring System (Internal HRIS)

Built a comprehensive system to monitor and manage employee attendance.
Implemented features for real-time tracking, reporting, and control of attendance data.
Streamlined HR processes by automating attendance management tasks.
Enhanced data accuracy and accessibility for HR personnel.

Human Resource External Application

Developed and maintained an external HR application for employees in all siCepat branches.
Integrated user-friendly interfaces for easy access to HR services.
Ensured seamless communication between employees and HR departments.
Utilized modern frontend technologies to enhance user experience.

Tech Stack:

React, antd, Gitlab, Axios, ChartJs

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.
Integrated secure APIs and improved code quality using SonarCloud.
Collaborated closely with backend, QA, and product teams to deliver reliable financial applications.

Projects I handled in PT. Amar Bank:

Senyumku Application

Worked on the digital banking app, focusing on the main landing pages and the KYC flow.
Built a frontend architecture that could handle growth using React and GitLab CI/CD pipelines.
Teamed up with QA and Product to make sure we were shipping a secure and reliable banking experience.

Tech Stack:

React, antd, Gitlab, Axios, Sonarcloud

Portfolios Preview Video:

Build a project for a funding application from amar bank (Tunaiku) using a tech stack such as react, antd, gitlab, axios, scss, and sonarcloud in desktop view.

Build a project for a funding application from amar bank (Tunaiku) using a tech stack such as react, antd, gitlab, axios, scss, and sonarcloud mobile view.

Personal Portfolios

Sketchup - Three.js

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

Tech Stack:

React, Next, Lucide-react, Tailwindcss, Axios, Three.js, Typescript, Vite.

Jira Tiketing (Frontend Side)

The frontend interface for a dynamic Ticketing Management System, designed to streamline project workflows and task orchestration. Built with a focus on modularity and high-performance UI, providing users with a seamless experience for tracking project lifecycles from start to finish.

Tech Stack:

React, Next, Lucide-react, Tailwindcss, Axios, Three.js, Typescript, Vite.

Jira Tiketing (Backend Side)

A RESTful API built with Node.js and TypeScript. This backend services the Ticketing Management System using Express for routing, Mongoose for MongoDB data orchestration, and JWT for secure authentication. Fully equipped with Jest and Supertest to ensure high code reliability through automated testing.

Tech Stack:

Express.js, Bcrypt, JWT, Mongoose, Jest, Supertest, Typescript, Node.js, MongoDB, cors.

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.

Tech Stack:

React, Next, Lucide-react, Tailwindcss, Axios, Framer-motion.