Darrell Bonar Christanto

Fullstack Developer

I build cross-platform products with strong frontend execution, pragmatic backend work, and careful implementation details from Figma to production.

Capabilities

Cross-platform product engineering.

Frontend

Pixel-precise product implementation across web and mobile surfaces.

  • NuxtJS
  • Flutter
  • React Native
  • NextJS
  • Vue
  • React
  • Svelte
  • Blazor (.NET)
  • TypeScript
  • JavaScript

Backend

Practical APIs and service integration for app features that need to ship.

  • ExpressJS
  • ElysiaJS
  • NodeJS
  • Bun
  • REST API integration
  • CMS integration
  • Postman

Design to Delivery

Bridging product intent and production-ready implementation.

  • Figma handoff
  • Responsive implementation
  • QA testing
  • Performance optimization
  • Legacy refactoring
  • Git collaboration

Specialties

Areas where I usually bring extra leverage to a team or product.

  • Cross-platform development
  • Docker containerization
  • AI integration workflows
  • Headless WordPress CMS
  • Desktop and web builds
  • Team collaboration

Work history

Software and media work.

  1. April 2026 - Present

    Frontend Developer and Administrator

    Cardrive Indonesia

    Jakarta, Indonesia

    Leading the web platform for Cardrive Indonesia, an automotive media publication, by building and maintaining a headless WordPress and Nuxt stack from the ground up.

    • Set up the full website system from scratch with WordPress in headless REST mode and a Nuxt frontend.
    • Own frontend delivery, CMS integration, and site administration for the publication at cardrive.id.
    • Support ongoing editorial publishing workflows for a Jakarta-based media brand with a 32K+ Instagram audience.
  2. September 2025 - Present

    Fullstack Developer

    Tattoomii

    Remote / Zurich, Switzerland

    Building a tattoo marketplace platform that helps customers discover artists, save inspirations, book appointments, chat in-app, and receive tattoo cost estimates based on placement, style, quality, and region.

    • Built a responsive Nuxt web app from Figma with pixel-accurate implementation.
    • Built a responsive Flutter mobile app for iOS and Android users, with tablet-focused flows for artists.
    • Built an internal Nuxt management tool for administrators, backed by a separate Elysia + Bun solution.
  3. November 2025 - December 2025

    Video Editor

    Keep Nomad

    Remote / Spain

    Produced educational and campaign media remotely for Keep Nomad, editing Indonesian-language class content and adapting English-language campaign material for student-facing distribution.

    • Edited more than 40 class videos from Indonesian-language source material for student viewing.
    • Used Adobe Premiere Pro and DaVinci Resolve to deliver clean, student-facing educational edits.
    • Produced a promotional advertisement in Adobe After Effects by adapting English-language campaign source material.
  4. May 2019 - May 2020

    Video Editor

    Cardrive Indonesia

    Jakarta, Indonesia

    Worked on Cardrive Indonesia’s editorial media output before returning later on the engineering side, editing videos for the main YouTube channel during an earlier newsroom role.

    • Edited multiple videos for the main Cardrive Indonesia YouTube account.
    • Supported automotive media publishing with post-production work tailored for the publication’s audience.
    • Built early familiarity with the brand’s editorial style before later leading its website frontend and administration.

Creative practice

Personal creative work.

Hobby practice

Photography

Personal visual work focused on framing, mood, and documenting moments outside of professional client work.

  • Shown as creative practice, not professional photography services.
  • Focused on observation, atmosphere, and everyday documentation.

Occasional personal projects

Videography

Used to capture stories, environments, and collaborative memories through personal project work.

  • Occasional projects rather than a formal professional track.
  • Pairs naturally with editing and archival work on personal creations.
Watch on YouTube

Creative post-production hobby

Video Editing

Editing as a creative outlet for pacing, structure, and turning raw footage into something worth revisiting.

  • Complements the project archive and media-focused side of the portfolio.
  • Used to shape personal footage into clearer and more watchable stories.

Project archive

Project archive.

Marketplace platform

Tattoomii

A tattoo marketplace product where customers can discover nearby artists and studios, save inspirations, organize custom folders, book appointments or consultations, chat in-app, and estimate tattoo pricing.

  • Nuxt
  • Flutter
  • ElysiaJS
  • Bun
  • Figma

Media platform

Cardrive Indonesia

A headless automotive media website powered by WordPress for publishing and Nuxt for frontend delivery and presentation.

  • Nuxt
  • WordPress
  • Headless REST API
  • CMS integration

Portfolio platform

darel's Website

The main personal platform that brings together apps, notes, and portfolio surfaces inside a single Nuxt application.

  • Nuxt
  • Vue
  • Tailwind CSS
  • Pinia

Media archive

darel's Projects

An archive site for video creations and personal nostalgia-driven project documentation.

  • Web
  • Content curation

Content platform

Headless blog CMS integration

Built blog workflows with WordPress in headless mode for content management and frontend delivery.

  • WordPress
  • Headless CMS
  • Frontend integration

Automation and AI

AI-assisted workflow integrations

Built AI-assisted workflows that automate repetitive steps and support product delivery.

  • AI integration
  • Automation
  • Product workflow

Contact

Open for product and frontend work.

Available for product engineering, frontend-heavy builds, cross-platform implementation, and technical collaboration.

Primary focus

Frontend craft, cross-platform implementation, backend integration, and delivery quality.

Languages

Indonesian (native) • English (professional)

Explore