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.

Message on LinkedInView résumé
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, medicine reminders, and Gemini helpers for receipts and dictation. Coba Lagi introduces children to coding with visual puzzles and spoken instructions, and is now on Google Play and the App Store, and playable with a controller on Steam Deck.

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
    • iOS
    • Windows
    • macOS
    • Linux
    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, English, Javanese, and Sundanese, plus a typed-code mode for children who can read. Playable with a game controller, including on Steam Deck.
    How it works
    Children arrange instructions to guide a character to the goal, then explore loops and other coding concepts. Available on Google Play and the App Store, and as downloads for Windows, macOS, and Linux, including Steam Deck.
    Watch on YouTubeView projectSource code
  • Three Bedug iPhone screens: the opening page of Al-Baqara in page mode, prayer times counting down to Asr in Jakarta, and the Qibla compass above the worship menu

    02 / Daily worship

    Bedug

    Prayer times, the Qibla, the Quran, and a Hijri calendar, free and private.

    • Flutter
    • Dart
    • Riverpod
    • iOS
    • WidgetKit
    Read more about Bedug
    The idea
    Keep prayer times, reminders, and daily worship in one app that works offline, without ads or an account.
    What I built
    A Flutter app with Kemenag RI or nine global calculation methods, adhan reminders, the Quran with page mode and a khatam planner, morning and evening dhikr, a Qibla compass, a Hijri calendar, a Ramadan fasting log, and a zakat calculator. Its design follows each platform, with Liquid Glass on Apple devices, plus home screen and lock screen widgets.
    How it works
    Everything is calculated on the device, so reading, bookmarks, and fasting logs stay private. Available in Indonesian, English, Arabic, and Malay on the App Store for iPhone and iPad.
    View projectSource code
  • 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

    03 / Everyday tools

    Catat Saja

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

    • React Router
    • TypeScript
    • Firebase
    • Web Crypto
    • Gemini
    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, savings goals, and recurring entries, and health logs for body measurements, child growth, lab results, calories, and a period calendar with predictions, plus medicine reminders with dose tracking. Gemini helps scan receipts, dictate notes, and turn pasted text into tasks. 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, real-time updates, and push notifications for reminders and invitations. 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.
    Watch on YouTubeView projectSource code
Explore the project archive

Experience

  1. May 2023 — Present3 yrs 7 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
View résumé

Skills

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