Skip to content

Front-End Engineer & Tech Mentor

Front-End Engineer with 4+ years of experience building fast and scalable web applications. Also active as a tech mentor.

Email GitHub LinkedIn
📍 West Jakarta, Indonesia

About Me

I am a Front-End Engineer with over 4 years of experience in the banking sector (BRI), e-commerce (Natural Farm Indonesia), and edutech (Lumoshive Academy). I specialize in building modern web applications using React.js, Vue.js, Nuxt.js, and Next.js — focusing on performance, scalability, and user experience.

Beyond the industry, I am also active as a front-end mentor, teaching React.js to bootcamp participants and developing structured learning materials, including modules and video tutorials.

Tech Stack: React.js, Vue.js, Nuxt.js, Next.js, TypeScript, Tailwind CSS, Node.js, SQL
Tools: GitHub, GitLab, VS Code, Docker, Sentry, SonarQube

Professional Experience

Front-End Engineer · PT Bank Rakyat Indonesia (Persero) Tbk

Division: App · TPE (Technology Platform Engineer)

React.js Next.js Vue.js Security & Observability
Jun 2025 – Present
  • Developed and maintained front-end applications supporting BRI’s internal needs with a focus on efficiency, scalability, and enterprise-grade standards.
  • Collaborated closely with Backend, QA, and Platform Engineering to ensure robust API integrations and smooth end-to-end delivery.
  • Built and optimized dashboards, functional modules, and internal tools used across divisions.
  • Implemented front-end best practices including security compliance, clean code, observability, and monitoring.
  • Supported BRI’s digital transformation with reliable, user-friendly, and high-performance front-end platforms.

Front-End Mentor · Lumoshive Academy

Bootcamp & mentoring

React.js Teaching Curriculum
Jul 2024 – Jul 2025
  • Taught React.js from fundamentals to intermediate level using clear, practice-oriented methods in both in-person and online sessions.
  • Authored structured lesson plans (RPP), modular learning materials, and on-demand video tutorials to ensure consistent access to content.
  • Served as on-screen talent for educational videos, delivering engaging and relevant learning content.
  • Mentored participants on real-world front-end projects including API integration, state management, and modern development best practices.
  • Helped learners build job-ready portfolios and problem-solving skills while instilling collaboration, clean code, and professional mindset.

Front-End Web Developer · Natural Farm Indonesia

Vue.js Nuxt.js Performance
Jul 2021 – Jul 2024
  • Developed and maintained the company’s e-commerce platform using Vue.js & Nuxt.js.
  • Implemented core features such as checkout, admin dashboard, and inventory modules.
  • Collaborated with Backend for API integration and with UI Designers to ensure visual and functional consistency.
  • Optimized performance, improving Lighthouse scores from 29 → 71 (mobile) and 69 → 92 (desktop) through image optimization, lazy loading, caching, and code splitting.
  • Applied clean code, modular architecture, and front-end best practices to enhance maintainability and stability.

🌐 Projects

National Strategic Project (PSN) Sewindu — Event Registration Website built with Vue 3 and Composition API for the Ministry of Public Works and Housing (PUPR)

National Strategic Project (PSN) Sewindu – Event Registration Website

Vue 3 (Composition API) + Figma + REST API

  • Developed the official registration website for the “National Strategic Project (PSN) Sewindu” event — a collaboration project with the Ministry of Public Works and Housing (Kementerian PUPR).
  • As a Front-End Developer, responsible for building the website interface based on Figma designs using Vue 3, ensuring consistent UI, high performance, and intuitive user experience across devices.
  • Translated Figma designs into reusable and maintainable Vue components.
  • Built registration, event detail, and participant confirmation pages using Vue 3 Composition API.
  • Implemented responsive design following UI/UX guidelines from the Ministry of Public Works and Housing.
  • Optimized performance using lazy loading, image optimization, and caching techniques.
  • Collaborated with the backend team for API integration and participant data validation.
  • Result: The website successfully served as the official registration system for the PSN Sewindu event, delivering a fast, stable, and accessible registration experience for participants from various institutions.

💻 Tech Stack

Frontend

React.js Vue.js Next.js Nuxt.js TypeScript Tailwind CSS JavaScript (ES6+) HTML CSS

Backend (Basic)

Node.js Express.js

Database

PostgreSQL SQL

Tools & Testing

GitHub GitLab VS Code Docker Sentry SonarQube Figma Jest React Testing Library Vitest