Jordy Andreas

Senior Frontend Engineer

Building product interfaces that are clear, scalable, and engineered to perform.

Portrait of Jordy Andreas

About Me

I'm a Senior Frontend Engineer based in Jakarta, building product interfaces that are clear, scalable, and engineered to perform for real-world teams.

I currently lead frontend delivery across high-traffic web and product platforms, with a focus on performance, maintainable systems, and collaboration that turns complex requirements into polished user experiences.

  • 6+

    Years of experience

  • 12+

    Completed projects

  • 5+

    Clients worldwide

Expertise

  • Web Development

    Clear, scalable product interfaces across modern web platforms.

  • Mobile Apps

    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

My Projects

  • 1-on-1 Video Call Website

    Browser-based talent/host portal with KYC onboarding, realtime video calls, chat, earnings, and withdrawals.

    • Next.js
    • TypeScript
    • Tailwind CSS

  • Video Call Dashboard Suite

    Modular Turborepo dashboard suite with shared UI and auth across Admin, Agency, and Referral apps.

    • Next.js
    • TypeScript
    • Turborepo

  • Namea - Company Profile Website

    A responsive company profile website showcasing services, projects, and brand identity with interactive animations and a contact form.

    • Next.js
    • TypeScript
    • Tailwind CSS
    Demo
Browse all projects

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

Ready To GetStarted?

You Know About Me, Let's Talk About You.

Get In Touch