FRONTENDENGINEER

GitHub ↗
4 projects
01 / 2025web app

Dashboard Creator Up

Centralized analytics platform for monitoring users, revenue, and rendering workflows.

Next.tsTailwindRechartsRESTful APItanstack

This dashboard platform provides real-time analytics for Creator Up, including active user statistics, filtered monthly revenue insights, total content render counts, and user subscription monitoring to support business analysis and decision-making.

Live ↗
02 / 2025web app

Dashboard Affiliate Creator Up

Track, analyze, and optimize affiliate performance in one platform.

Next.tsTailwindRESTful APItanstack

This platform serves as an analytics dashboard for monitoring and visualizing the performance of Creator Up affiliates in a structured way. The dashboard provides various data and performance metrics to support monitoring, performance evaluation, and affiliate program effectiveness analysis.

Live ↗
03 / 2024web app

Creator Up

Multi-tenant automated rotating system for fast and scalable content production.

Next.tsTailwindWebsocketRESTful APItanstack

Creator Up is a rotating video platform that enables users to generate dozens of ready-to-publish content variations from just a few footage quickly and efficiently. The platform helps streamline the editing process through automated workflows, while supporting white-label and multi-tenant configurations, allowing each client to use the platform with their own custom branding.

Case Study →Live ↗
04 / 2024web app

Influp

Monitor and evaluate social content performance with real-time insights.

Next.jsTailwindRESTful API

Influp is a web-based platform that helps KOLs and marketing teams analyze the performance of TikTok and Instagram Reels content through a single content link. The platform provides structured analytics data such as engagement, views, comments, and shares within an interactive dashboard to support monitoring, performance evaluation, and digital marketing strategy decisions.

Case Study →Live ↗

Experience

PT. AERO Group Indonesia
Frontend Engineer
full-time

Oct 2024 - Jun 2026

1 yr 8 mo

Developing and maintaining front-end features for web applications with a focus on usability, responsive design, and performance, while collaborating with the team to meet business needs and project targets. The front-end is built using Next.js, Tailwind CSS, ShadCN, and various supporting UI libraries. The back-end is developed using Express.js, PostgreSQL, and supporting dependencies for API development and backend systems.

    TypeScriptNext.jsTailwindRESTful APIFigma (Software)

    Elecomp Indonesia
    Fullstack Web Developer
    contract

    Mar 2024 — Apr 2024

    1 mo

    Developed a company profile website based on user requirements while optimizing SEO aspects. Built using CodeIgniter 4 for both front-end and back-end, MySQL for database connectivity, and CSS for styling and cross-platform responsiveness.

      CodeIgniterWeb DevelopmentMySQLCSSPHP

      PT. Kinema Systrans Multimedia
      Internship Web Developer
      internship

      Aug 2023 — Des 2023

      6 mo

      Completed an Independent Study program as a Web Development mentee, working on three main projects covering research and analysis, website development using React.js and Node.js, and website UI/UX design.

        ReactFigma (Software)TailwindExpress JSRESTful API

        MejaKita Edunusa Mandiri
        Internship Back End Developer
        internship

        Jul 2020 — Dec 2020

        6 mo

        Web Development division intern. Designed a learning website using CodeIgniter 3, MySQL, jQuery, and Bootstrap.

          ReactJavaScriptCSSJestGit

          Kementerian Sekretariat Negara RI
          Internship Multimedia Staff
          internship

          Jan 2020 — Mar 2020

          3 mo

          Interned as part of the Press, Media, and Information Bureau team. Responsible for IT Support duties as well as serving on the presidential photography team.

            TeamworkCollaborationPhotographyIT Support

            How I Build

            Engineering principles — opinionated, battle-tested, non-negotiable.

            01

            Performance Is UX

            A 300ms delay isn't a metric, it's a user deciding your app feels broken. I treat Core Web Vitals like feature requirements, not afterthoughts. Every kilobyte and every re-render gets a justification.

            02

            Systems Over Screens

            Individual screens are disposable. Systems are investments. I'd rather spend a week building a primitive that saves a month of one-off components. Consistency isn't boring, inconsistency is expensive.

            03

            Accessibility by Default

            If it doesn't work with a keyboard, a screen reader, or at 200% zoom, it's not done. Accessibility isn't a phase-two ticket, it's the baseline that makes everything else actually usable.

            04

            Ship, Then Polish

            Perfect is the enemy of deployed. I bias toward getting real feedback fast, then iterating with data. But 'ship fast' doesn't mean 'ship sloppy', it means knowing what's essential in v1.

            05

            Code Is Communication

            The next person reading your code is you in 6 months at 2am during an outage. I write for clarity over cleverness, name things honestly, and delete code with the same enthusiasm I write it.

            06

            Motion With Purpose

            Animation should explain, not decorate. Every transition needs a reason, spatial continuity, feedback, or hierarchy. If removing it doesn't hurt comprehension, it shouldn't be there.

            Tools I Trust

            ReactNext.jsTypeScriptTailwind CSSFramer MotionHTML/CSSReactNext.jsTypeScriptTailwind CSSFramer MotionHTML/CSS
            PostgreSQLSupabaseGitVercelFigmaVitestPostgreSQLSupabaseGitVercelFigmaVitest

            Frontend

            ReactNext.jsTypeScriptTailwind CSSHTML/CSSFramer MotionGSAP

            Backend

            PHPLaravelREST APIsPostgreSQLMySQLCodeIgniterSupabase

            Tooling

            GitViteFigma

            Design

            UI DesignDesign SystemsPrototypingFigmaTypography

            Currently Learning

            GSAPFramer MotionNode.jsDocker

            Case Studies

            Creator Up

            2024
            web app

            Content creator teams are expected to produce dozens of content pieces every day, but are often limited by the number of talents, devices, and editors available, making it difficult to meet production demands efficiently.

            Developed an automation tool that enables content creators to generate dozens of content variations in a single day using only one person and one device, significantly reducing production effort and resource dependency.

            Built Creator Up, a SaaS platform that generates multiple content variations from limited footage by leveraging customizable hooks, features, and call-to-action (CTA) fields, allowing users to create scalable and tailored content for their specific needs.

            Creator Up
            Live Site ↗

            Influp

            2024
            web app

            KOL teams are required to track and consolidate engagement performance across dozens of influencers and hundreds of content pieces every day. Relying on manual scraping and spreadsheet-based reporting makes it nearly impossible to manage this process efficiently and at scale.

            Developed an automated content analytics tool that scrapes TikTok and Instagram content data using only the content URL, collecting key engagement metrics such as views, likes, comments, and shares in a centralized system.

            Built Influp, a platform that automatically aggregates engagement data (views, likes, comments, and shares) from content links while also providing features for influencer management, campaign tracking, and budget monitoring, enabling marketing teams to streamline reporting and make data-driven decisions more effectively.

            Influp
            Live Site ↗

            Let's make something useful, scalable, and profitable.

            Whether it's a design system, a SaaS dashboard, or something weird I haven't built yet — I'm always up for a conversation about interesting problems.

            Open to full-time roles & freelance projects