Jordy Andreas
Portrait of Jordy Andreas

Jordy Andreas

I turn complex product requirements into clear, performant interfaces people can rely on. Whether it's shaping web platforms, shipping mobile experiences, or tightening systems under real traffic-I bring structure to the craft.

Based in Jakarta, I care about maintainable frontend architecture, thoughtful collaboration, and work that still holds up long after launch.

Download ResumeLinkedInGitHubEmail

What I build with

  • Next.js
  • React
  • TypeScript
  • Tailwind CSS
  • ShadCN UI
  • TanStack Query
  • Zustand
  • React Hook Form
  • Zod
  • Firebase
  • React Native
  • Redux
  • GraphQL
  • Supabase
  • Expo
  • Ionic
  • Angular

Expertise

  • Web Development

    Clear, scalable product interfaces across modern web platforms.

  • Mobile Development

    Cross-platform delivery for consumer and multi-service products.

  • Scalable Product Systems

    Modular frontend architecture, performance optimization, and realtime product surfaces under real traffic.

Experiences

  1. Senior Frontend Developer

    August 2023 – Present

    PT. Namea Kreasi Teknologi · Jakarta, Indonesia

    • Led frontend delivery across product lines with 2 engineers - covering live sports, short-video streaming, video-call systems, and internal ops dashboards on web and mobile.
    • Improved page load performance by up to 60% by optimizing reusable web and mobile components and scalable UI patterns.
    • Established modular frontend architecture across products, including a Turborepo setup with shared UI and auth for Admin, Agency, and Referral dashboards.
    • Built realtime experiences for talent/host and caller flows using Agora RTC/Chat, WebSocket signaling, and Firebase - from KYC onboarding through live sessions, chat, and earnings/withdrawals.
    • Mentored 2 junior engineers through code reviews and shared standards, raising code quality and keeping frontend delivery aligned across projects.
    • Partnered with design and backend to keep UX and performance standards consistent across Namea’s web and mobile surfaces.
    • Next.js
    • React Native
    • TypeScript
    • TanStack Query
    • Redux
    • Zustand
    • ShadCN UI
    • Tailwind CSS
    • WebSockets
    • Turborepo
    • MUI
    • NextAuth
    • React Hook Form
    • Zod
    • Axios
    • Agora RTC
    • Agora Chat
    • Firebase
    • Payment Gateway
    • React Navigation
    • Github

  2. Mobile Developer

    July 2022 – August 2023

    PT. Elektronik Distribusi Otomatisasi Terkemuka (eDOT) · Bandung, Indonesia

    • Contributed to eDOT SuperApp across eChat, eShop, and shared digital services.
    • Implemented SSO authentication and centralized account management for seamless cross-service access.
    • Reduced average load time by 30% and increased app stability by 35% through state, query, and error-handling improvements.
    • React Native
    • TypeScript
    • Redux
    • GraphQL
    • Axios
    • OAuth 2.0
    • JWT
    • React Navigation
    • Git

  3. Mobile Developer

    November 2021 – July 2022

    PT. Una Darma Indonesia · Jakarta, Indonesia

    • Deployed Asurisan Dewata and Asurisan Pro platforms serving 4,000+ SMEs nationwide.
    • Integrated Zakat donation features in collaboration with Neo Bank to expand service reach.
    • Ionic
    • Angular
    • TypeScript
    • RxJS
    • REST API
    • Capacitor
    • GitLab

  4. Mobile Developer

    March 2020 – September 2021

    PT. Maybank Indonesia Finance · Jakarta, Indonesia

    • Raised the app rating from 3.0 to 4.5 stars and grew active users by 10,000+.
    • Reduced operational costs by 70% and cut user wait times by 50% through feature optimization and process automation.
    • Designed a component-based system that reduced development time by 30%.
    • React Native
    • JavaScript
    • Redux
    • React Navigation
    • REST API
    • Github

Core Strengths

  • Frontend Platforms

    Building maintainable product interfaces across modern web stacks, from marketing surfaces to complex dashboard and app experiences.

    • Next.js
    • React
    • TypeScript
    • Feature modules

  • State, Data & APIs

    Managing server data, client state, and API-heavy workflows with patterns that stay predictable as products grow.

    • TanStack Query
    • Zustand
    • Redux
    • GraphQL
    • REST

  • Forms, Validation & Auth

    Shipping product flows that need reliable input handling, validation, and protected access across dashboards and account experiences.

    • React Hook Form
    • Zod
    • ShadCN UI
    • Accessibility

  • Realtime & Backend Integration

    Connecting interfaces to live product systems, from realtime media/chat experiences to backend-integrated operational dashboards.

    • Firebase
    • Supabase
    • Rendering strategy
    • Core Web Vitals

  • Mobile Delivery

    Delivering cross-platform product experiences across React Native, Expo, and earlier hybrid-mobile stacks.

    • React Native
    • Expo
    • Ionic
    • Angular

  • Interface Quality

    Keeping shipped interfaces performant, consistent, and pleasant to use through reusable systems and careful product polish.

    • Tailwind CSS
    • Component libraries
    • Visual hierarchy
    • Micro-interactions
    • Responsive layout