Experience

MagLoft

• Singapore
• Book and Periodical Publishing
• 1 - 100 Employee

• Senior Software Engineer

  • Jun 2021 - Present

  UA - Universal App The SaaS web application allows readers to access a diverse range of content such as articles and collections from publishers. It provides a seamless content loading experience and meticulous optimization for critical aspects such as search engine optimization (SEO), mobile device viewports The application is constructed using Next.js and fully embraces PWA features, ensuring a smooth and engaging user experience. I personally handled all the configuration aspects, including the setup of sitemaps, robots.txt, and a generic error page to ensure optimal functionality. Regarding the data source, we establish robust connections with a GraphQL API. The user interface (UI) design adheres to the micro frontend concept and employs micro components, utilizing the latest advancements in React programming such as React hooks and context. Throughout the development process, I prioritize focusing on best practices, maintaining clean and readable code, and striving for optimal performance. As a result, the application consistently achieves an excellent performance score of 98% or higher on desktop platforms, with an average score exceeding 80% on mobile devices. To ensure the quality of the application, I am involved in testing using Cypress. API utilizes Node.js as the programming language, with Express.js as the framework. To establish a connection with the MySQL database, Sequelize is employed. The API exposes data through 2 types: GraphQL and REST. Redis is utilized to store temporary data The UA Devkit (Universal App Development Kit) project that utilizes Monorepos for managing shared configurations, including eslint, typescript, tsconfig, and rollup. UA SDK - Universal App Software Development Kit React-based project that follows the principles of the micro frontend concept. The objective is to develop a resourceful components library that serves various purposes and offers support for multiple variants. Show less



PT Smartfren Telecom Tbk

• Indonesia
• Telecommunications
• 700 & Above Employee

• Senior Frontend Developer

  • Jun 2020 - Jun 2021

  1. Smartpoin is a loyalty program and feature, designed to enhance customer engagement and reward - Points Accumulation: Customers can earn points - Reward Options: Customers can redeem their points into rewards - Membership levels: Tiered system rewards customers based on their level - Digital Experience: Smartpoin is integrated into the website and mobile application, providing a seamless digital experience. - Point history: allows customers to view and track the details of their earned points over time. - My rewards: comprehensive history list that meticulously records and presents a detailed account of all their redeemed rewards, enabling convenient access to their past redemption activities. 2. Treasure hunt is game that is required to navigate through certain challenges or clues to discover hidden rewards or earn additional points. There is a periodically updated list of wins or rewards available to participants. The rewards can range from discounts, exclusive offers, bonus points, or other enticing incentives. 3. Scratch2Win is a game virtually scratch off a designated area on their device screen to reveal hidden rewards or prizes. 4. PopQuiz: is interactive quizzes or trivia questions that customers can participate in to test their knowledge and earn rewards. All projects utilize a powerful combination of Vue.js, Quasar, and Vuex as their core technologies. I am also actively involved in assisting the automation testing team by creating a Selenium project from scratch. My responsibilities include setting up the initial framework and environment and incorporate mock credentials to simulate the logged-in version 5. Admin Page The admin panel provides a user-friendly interface for internal administrators, enabling efficient management of rewards and vouchers, organizing categories, managing customer data, and configuring role-based access control. This is developed utilizing Vue.js, Quasar, and Vuex, and I am responsible for handling the backend using Golang Show less



JULO

• Indonesia
• Financial Services
• 300 - 400 Employee

• Senior Frontend Developer

  • Nov 2018 - Apr 2020

  JuloWebApp: The website uses Vue.js with Vuex and includes unit tests using Jest, from scratch, allowing users to apply for loans. I have also configured CircleCI for automated deployment and Sentry for bug reporting in production. The JuloWebApp website consists of various pages, including authentication, registration forms, product selection, document uploads, loan activity, and payment details. As the sole frontend developer, I handle the complete configuration process, starting from scratch, for all aspects including the initial project setup, development features, development tooling, building the application, deployment, and hosting on Alibaba Cloud. Admin: Specifically designed for Lenders, Accounts Receivable staff, and Billing staff members to efficiently monitor loan activities. This page enables lenders to review ongoing loan applications and make approval decisions based on loan details such as duration, amount, purpose, date, and status. The loan agreements are in PDF format and require electronic signatures and allowing lenders to upload the documents and embed their HTML on our view. Lenders can withdraw funds to their registered bank accounts. Furthermore, the dashboard provides reporting on accrued interest, available balance, outstanding principal, commitment, and net annualized yield. This dashboard is built using Vue.js and Vuex and my focus is to ensure clean and maintainable code. Julo landing static website: I used JAMStack technologies, GatsbyJS, a fast and modern site generator powered by React and GraphQL, combined with Netlify CMS. The integration allows for auto-resizing and compressing images, and data is imported from Markdown files. Admin Page for Production Bug Team: this page is using React Redux and Nodejs, which helps address production bugs by providing a platform to fix data I have demonstrated my proficiency, collaboration with cross-functional teams, and implementation of various technologies and frameworks. Show less



PT Silikon Digital Indonesia

• Sudirman, Jakarta, Indonesia

• Full Stack Software Engineer

  • Nov 2017 - Oct 2018

  I am involved in the development of a medical and hospital SaaS application, which is a significant project. We follow the SCRUM methodology in our work. The project is divided into two components: a REST API built with .NET Core and a MariaDB database. One of my contributions to the project is the development of a dynamic form that allows users to create customizable web UI forms with embedded functions. This enables efficient CRUD (Create, Read, Update, Delete) operations. The UI design is encoded into a model and converted to XML before being saved in the database. As part of this project, I have also conducted research to optimize system performance by directly saving the model to the database without the need for conversion. This involves integrating with MongoDB and creating a dynamic model that can automatically detect data types in C#. Additionally, I have been assisting an intern mobile developer in developing a mobile app project using React Native. This app is designed for hospital patients and allows them to schedule appointments with available doctors, cancel appointments, and manage their profiles. In some modules of the project, I have implemented background tasks such as delayed job processing and cron job scheduling using Hangfire. Currently, I am responsible for managing and monitoring an Android-based project that involves reporting clinic data. Show less



Xcidic

• Indonesia
• IT Services and IT Consulting
• 1 - 100 Employee

• Software Engineer

  • Aug 2017 - Oct 2017

  I was responsible for managing a Software as a Service (SAAS) project focused on Risk Assessment and Incident Reporting. The main objective was to develop a comprehensive package that included various user limitations, subscription payment options, billing features, and a cancellation subscription option. To handle payments, we integrated an online third-party payment company. The project was developed using the MEAN Stack, which comprises MongoDB, Express.js, Angular.js, and Node.js. I was responsible for managing a Software as a Service (SAAS) project focused on Risk Assessment and Incident Reporting. The main objective was to develop a comprehensive package that included various user limitations, subscription payment options, billing features, and a cancellation subscription option. To handle payments, we integrated an online third-party payment company. The project was developed using the MEAN Stack, which comprises MongoDB, Express.js, Angular.js, and Node.js.



PT Multi Visi Paragon

• Greater Jakarta Area, Indonesia

• Web Developer

  • Feb 2017 - Jul 2017

  I was involved in the development of a social media platform called Buzzbuddies. My role in the project focused on building the web admin interface for managing the platform. The project was divided into two parts: a REST API for the backend developed using Node.js and Express.js, and the frontend developed using Angular.js. PostgreSQL was chosen as the database for storing the platform's data. The main objective of the project was to support the administrative tasks, including data manipulation, providing services to Buzzbuddies' users, and generating reports. Show less



PT Tennova Cipta Inatech

• Sultan agung, Jakarta, Indonesia

• Software Engineer

  • Jun 2016 - Aug 2016

  I have successfully managed a web scraping project utilizing the Cheerio module in Node.js. The project involved extracting promotional data from a banking website and retrieving HTTP requests from the Facebook API. The data obtained was then stored in our local database. The project was developed using Node.js with the Express.js framework, the pug template engine, the Sequelize ORM, and a MySQL database. I have successfully managed a web scraping project utilizing the Cheerio module in Node.js. The project involved extracting promotional data from a banking website and retrieving HTTP requests from the Facebook API. The data obtained was then stored in our local database. The project was developed using Node.js with the Express.js framework, the pug template engine, the Sequelize ORM, and a MySQL database.