Skip to content

Building useful apps

Ardeman

Front-End Engineer & Team Lead

I develop web applications and lead front-end teams, drawing on experience across full-stack development and product delivery.

My YouTube channel@MrArdemanWatch on YouTube

About

My work has taken me from PHP portals and mobile APIs to online course platforms and front-end team leadership. I’m based in Jakarta and now work primarily with React, Next.js, and TypeScript.

At PT. Griya Mitra Digital, I develop client portals and admin panels, plan sprint work, and review the team’s pull requests. Working with backend and product teams is part of that day-to-day responsibility, alongside writing and maintaining the front-end code.

My personal projects explore two different interests: everyday organization and learning through play. Catat Saja brings notes, tasks, finances, and family health logs together, with end-to-end encryption and sharing. It includes multi-currency finance books with spending charts, and health tracking from body measurements to child growth. Coba Lagi introduces children to coding with visual puzzles and spoken instructions.

Selected work

  • Coba Lagi coding game with a path, character, and visual instruction blocksWatch demo

    01 / Playful learning

    Coba Lagi

    A coding adventure for children using picture blocks and spoken instructions.

    • Flutter
    • Dart
    • Android
    Read more about Coba Lagi
    The idea
    Introduce coding concepts through play, including for children who are still learning to read.
    What I built
    Visual coding puzzles with spoken instructions in Indonesian and English, plus a typed-code mode for children who can read.
    How it works
    Children arrange instructions to guide a character to the goal, then explore loops and other coding concepts.
  • Catat Saja landing page showing a weekly plan note, a grocery checklist, a shared health log, and a trip finance book with spending by categoryWatch demo

    02 / Everyday tools

    Catat Saja

    Notes, tasks, finances, and health logs, encrypted and shared in one place.

    • React Router
    • TypeScript
    • Firebase
    • Web Crypto
    Read more about Catat Saja
    The idea
    Keep everyday notes, tasks, money, and family health records together, with control over who can read them.
    What I built
    A React Router and Firebase app with autosaving Markdown notes, checklists, multi-currency finance books with cash flow and spending charts, and health logs for body measurements, child growth, lab results, calories, and periods. Web Crypto encrypts records on the device, including when sharing them.
    How it works
    Search across notes, tasks, finances, and health logs, and share any record with view or edit access and real-time updates. Finance entries keep their exchange rates, and health charts show trends and reference ranges. Available in English and Indonesian as an installable app for phones and computers.
  • Ardeman personal portfolio showing the introduction and selected work

    03 / Personal website

    Personal portfolio

    Selected projects and professional experience in one place.

    • Next.js
    • TypeScript
    • Tailwind CSS
    Read more about Personal portfolio
    The idea
    Make professional experience and selected work easy to explore.
    What I built
    A responsive portfolio built with Next.js and Tailwind CSS, with clear navigation and support for light and dark themes.
    How it works
    Visitors can explore projects and experience using a keyboard or touch, with project details available even when live updates fail.

Experience

  1. May 2023 — Present3 yrs 6 mos
    Current

    Front-End Lead · PT. Griya Mitra Digital
    West Jakarta, Jakarta, Indonesia

    • Develop and maintain client portals and admin panels with Next.js and Tailwind CSS.
    • Plan sprint work and assign tasks across the front-end team.
    More about this role
    • Review pull requests from front-end engineers.
    • Coordinate work across front-end, back-end, and product teams.
    • Next.js
    • TypeScript
    • Tailwind CSS
    • Sprint Planning
    • Code Review
  2. Jan 2022 — May 20231 yr 5 mos

    Front-End Engineer · Pintek
    Central Jakarta, Jakarta, Indonesia

    • Developed and maintained web portals with Next.js and Tailwind CSS.
    • Developed and maintained back-office tools with Laravel, Tailwind CSS, and Alpine.js.
    • Next.js
    • React
    • Tailwind CSS
    • Laravel
    • Alpine.js
  3. Feb 2021 — Jan 20221 yr

    Front-End Developer · goKampus
    West Jakarta, Jakarta, Indonesia

    • Expanded a landing page into an online course platform with Next.js.
    • Developed and maintained content management systems for partners and universities with React.
    • Next.js
    • React.js
    • TypeScript
    • Tailwind CSS
    • CMS
Earlier experience 3 roles
  1. Jan 2020 — Jan 20211 yr 1 mo

    System Analyst · FWD Singapore Pte. Ltd.
    Batam, Riau Islands, Indonesia

    • Developed and maintained web portals with WordPress, Vue.js, and Nuxt.js.
    • Developed and maintained back-office applications with AngularJS.
    More about this role
    • Maintained the API gateway with Mule ESB and SQL Server.
    • Vue.js
    • Nuxt.js
    • AngularJS
    • WordPress
    • Mule ESB
    • SQL Server
  2. Feb 2019 — Dec 201911 mos

    Front-End Web Developer · PT Daya Gagas Indonesia (FishOn)
    South Jakarta, Jakarta, Indonesia

    • Built client landing pages with HTML and CSS.
    • Adapted client websites for different screen sizes with Bootstrap and jQuery.
    • HTML5
    • CSS3
    • Bootstrap
    • jQuery
    • Responsive Design
  3. Nov 2015 — Feb 20193 yrs 4 mos

    Full-Stack Developer · PT. Integra Klinika Indonesia
    Banda Aceh, Aceh, Indonesia

    • Built and maintained web portals and admin tools with CodeIgniter, Bootstrap, and jQuery.
    • Built APIs for mobile applications with CodeIgniter.
    • CodeIgniter
    • PHP
    • Bootstrap
    • jQuery
    • REST API

Skills

  • React.js
  • Next.js
  • Vue.js
  • Nuxt
  • JavaScript
  • TypeScript
  • Tailwind CSS
  • HTML5
  • SCSS
  • Firebase
  • SQL