Andre Kristanto, Developer in Singapore, Singapore
Andre is available for hire
Hire Andre

Andre Kristanto

Verified Expert  in Engineering

Bio

Andre is a full-stack developer focused on E2E web applications. At TikTok, he architected technical designs and solutions for ten core modules and reusable React components for custom layouts, charts, nested visual trees, a code editor, tracking analysis, and a virtual table. Andre has delivered highly visual apps and designed state machine transitions with complex workflow and asynchronous side-effect tasks. He is currently building a next-gen product for an insurtech startup.

Portfolio

Planit Software Ltd. - Main
React, WebGL, Three.js, D3.js, Material UI, Amazon Web Services (AWS), Redux...
Ethos
Node.js, React, Recharts, NestJS, Kafka Streams...
Tech enterprise Co., Ltd.
React, JavaScript, Bootstrap, Webpack, Codebase Development, Web Development...

Experience

  • JavaScript - 4 years
  • TypeScript - 4 years
  • Node.js - 4 years
  • React - 4 years
  • Redux - 3 years
  • Express.js - 3 years
  • PostgreSQL - 3 years
  • React Native - 2 years

Availability

Part-time

Preferred Environment

MacOS, Front-end Development

The most amazing...

...project I've developed was boilerplate and code flows and standards for my team.

Work Experience

Front-end Developer

2022 - PRESENT
Planit Software Ltd. - Main
  • Developed reusable and integrable in a cloud-native application, a desktop application (inside a ChromeWebControl), or in an embedded device using React, Vite, MUI, and Azure Cloud workflows.
  • Implemented custom 3D engine renderer to display complex machine parts (e.g., artifacts, racks, and probes) using Three.js and React Fiber Three, including complex 3D interactions.
  • Implemented Vitest unit test and storybook-based approach to increase maintainability and testability of the software for a precision measuring enterprise.
Technologies: React, WebGL, Three.js, D3.js, Material UI, Amazon Web Services (AWS), Redux, React Redux, Vite, Microsoft Azure Cloud Server, Azure Cloud Services, TypeScript, Codebase Development, Web Development, Web Applications, REST APIs, Front-end Development, Front-end, Netlify, APIs, Storybook, Software, DOM, Virtual DOM, Documentation, Testing, Communication, Pixel Perfect, Figma, Jest, Agile, Unit Testing, DevOps, CI/CD Pipelines, Amazon S3 (AWS S3), Amazon DynamoDB, Responsive Web Design (RWD), CSS3, i18n, Amazon API Gateway, Sass, 3D, User Interface (UI), Solution Architecture, API Integration, UI Components, Design Systems, API Development, SCSS, Data Visualization

Full-stack Developer

2021 - PRESENT
Ethos
  • Maintained, designed, and developed new features for documents, payments, and policy statuses using an event-based approach.
  • Designed and integrated multiple 3rd-party insurance APIs using XML/SOAP and data feed integrations and created reusable complex XML builder and parser.
  • Built a new application process from scratch and designed the API integrations for the whole process using NestJS and the React tech stack.
Technologies: Node.js, React, Recharts, NestJS, Kafka Streams, Amazon Simple Queue Service (SQS), Amazon Simple Notification Service (SNS), Amazon, Amazon Web Services (AWS), Stripe, Healthcare, Apache Kafka, Model View Controller (MVC), REST APIs, MongoDB, TypeORM, GraphQL, MySQL, Front-end Development, Front-end, Back-end, Back-end Development, PostgreSQL, APIs, Microservices, Cypress, Storybook, Chart.js, HIPAA Compliance, Software, DOM, Virtual DOM, QA Automation, Documentation, Testing, Communication, Pixel Perfect, Figma, Jest, Stripe API, Stripe Payments, Payment APIs, Infrastructure as Code (IaC), Agile, SQL, Unit Testing, DevOps, CI/CD Pipelines, Contentful, Amazon S3 (AWS S3), Amazon DynamoDB, Architecture, Serverless, PDF Scraping, Salesforce API, Responsive Web Design (RWD), CSS3, REST, AWS Lambda, i18n, Amazon API Gateway, Sass, Monorepos, User Interface (UI), Electron, Solution Architecture, Accessibility, Full-stack Development, API Integration, Flask, UI Components, Design Systems, API Development, SCSS, AWS Amplify, Data Visualization

Senior Front-end Developer

2022 - 2022
Tech enterprise Co., Ltd.
  • Developed responsive B2C web application using React and Bootstrap for an eCommerce platform selling gold.
  • Oversaw launch processes and testing E2E across the system with three additional web applications integrated with the system from wholesaler, distributor, and retailer.
  • Improved loading speed for the website from 1s to 0.2s initial loading time using Webpack optimization chunk loading and Skeleton loading.
Technologies: React, JavaScript, Bootstrap, Webpack, Codebase Development, Web Development, Web Applications, Node.js, REST APIs, Google Cloud, Front-end Development, Front-end, Netlify, APIs, Software, DOM, Virtual DOM, Documentation, Testing, Communication, Pixel Perfect, Figma, Jest, Agile, Unit Testing, DevOps, CI/CD Pipelines, Contentful, Amazon S3 (AWS S3), Amazon DynamoDB, Serverless, Responsive Web Design (RWD), CSS3, Amazon API Gateway, Sass, User Interface (UI), eCommerce, Full-stack Development, API Integration, Flask, UI Components, Design Systems, API Development, SCSS

Full-stack Developer

2022 - 2022
VPermits
  • Developed an app for managing parking permits for visitors and residents.
  • Integrated Stripe checkout with the subscription-based product.
  • Designed and implemented the whole theme UI system for the application.
Technologies: Next.js, React, Material UI, Docker, JavaScript, CSS, HTML, HTTP, Web, Stripe, HTML5, SQL, React Redux, Amazon Web Services (AWS), Python, Codebase Development, Web Development, Web Applications, PDF, Node.js, NestJS, Spring Boot, Model View Controller (MVC), REST APIs, MongoDB, Stripe Checkout, MySQL, Front-end Development, Front-end, Back-end, Back-end Development, Content Management Systems (CMS), PostgreSQL, APIs, Software, DOM, Virtual DOM, QA Automation, Documentation, Testing, Communication, Pixel Perfect, Figma, Jest, Stripe API, Stripe Payments, Payment APIs, Agile, Unit Testing, DevOps, CI/CD Pipelines, Contentful, Amazon S3 (AWS S3), Amazon DynamoDB, Architecture, Serverless, PDF Scraping, Responsive Web Design (RWD), CSS3, REST, Amazon API Gateway, Sass, User Interface (UI), Solution Architecture, Full-stack Development, API Integration, Flask, UI Components, Design Systems, API Development, SCSS

Senior Software Engineer

2020 - 2021
TikTok
  • Architected and wrote technical designs and implemented technical feasibilities and solutions for ten core modules.
  • Implemented efficient and reusable React components for custom layouts, charts, nested visual trees, a code editor, tracking analysis, and a virtual table.
  • Set up boilerplate and code standards for the team to be used for the BytePlus Marketing page.
Technologies: JavaScript, TypeScript, React, Node.js, Next.js, Express.js, PostgreSQL, Ant Design, HTML, CSS, Git, Jest, Puppeteer, Docker, Bootstrap, Tailwind CSS, Amazon CloudFront CDN, HTTP, Web, Stripe, HTML5, SQL, React Redux, Amazon Web Services (AWS), Python, Codebase Development, Web Development, Web Applications, Scraping, PDF, NestJS, WebGL, GraphQL, Model View Controller (MVC), REST APIs, TypeORM, MySQL, Front-end Development, Front-end, Back-end, Back-end Development, APIs, Microservices, Cypress, Storybook, Chart.js, Software, DOM, Virtual DOM, QA Automation, Documentation, Testing, Communication, Pixel Perfect, Figma, Stripe API, Stripe Payments, Payment APIs, Infrastructure as Code (IaC), Agile, Unit Testing, Google Cloud Platform (GCP), DevOps, CI/CD Pipelines, Amazon S3 (AWS S3), Amazon DynamoDB, PDF Scraping, Salesforce API, Responsive Web Design (RWD), CSS3, REST, i18n, Sass, User Interface (UI), AWS Lambda, NoSQL, eCommerce, Solution Architecture, Accessibility, Full-stack Development, API Integration, Flask, UI Components, Design Systems, API Development, SCSS, Data Visualization

BytePlus Marketing Page

https://www.byteplus.com/
An SSR web application using Goofy (similar to Next.js) for the marketing landing page and I was the main front-end developer for this project and set up the foundation, including the pattern, test flow, and how to make a reusable component library using Storybook.

NTU Bus Monitoring Application

https://expo.dev/@andrekristanto17/ntu-loops
A bus monitoring application with friendly UI/UX using React Native Expo. I developed this during my university time to learn about React Native and was the primary developer for the app. It tracks the bus using the external API from the NTU third-party.

Grevi - Graph Editor

A graph editing, visualization, and analysis web app and it's a single-page application using mainly React Redux pattern, canvas, and D3.js. It also offers simple graph analysis algorithms, such as MST, Shortest Path, and Subgraph Extraction.
2016 - 2020

Bachelor's Degree in Computer Science

Nanyang Technological University - Singapore, Singapore

Libraries/APIs

Node.js, React, Stripe, REST APIs, Stripe API, API Development, React Redux, Three.js, Chart.js, D3.js, Puppeteer, WebGL, Recharts, Salesforce API, AWS Amplify

Tools

Figma, Git, Stripe Checkout, Canvas, Amazon CloudFront CDN, Webpack, Kafka Streams, Amazon Simple Queue Service (SQS), Amazon Simple Notification Service (SNS)

Languages

JavaScript, TypeScript, CSS, HTML, HTML5, SQL, GraphQL, CSS3, SCSS, Python, Sass, Java, Groovy, Clojure, Kotlin

Frameworks

Next.js, Redux, Bootstrap, Flask, Express.js, NestJS, React Native, Material UI, Ant Design, Jest, Tailwind CSS, Cypress, Electron, Django, Spring Boot, Angular

Paradigms

Agile, Model View Controller (MVC), Microservices, HIPAA Compliance, Testing, Unit Testing, Responsive Web Design (RWD), REST, DevOps

Platforms

Web, Docker, Amazon Web Services (AWS), Netlify, Contentful, AWS Lambda, Mapbox, MacOS, Amazon, Apache Kafka, Google Cloud Platform (GCP), Shopify, JVM, DigitalOcean

Storage

PostgreSQL, Amazon S3 (AWS S3), Amazon DynamoDB, MongoDB, MySQL, Azure Cloud Services, Google Cloud, NoSQL

Industry Expertise

Healthcare

Other

Full-stack, User Interface (UI), HTTP, Web Development, Web Applications, Front-end Development, Front-end, Back-end, Back-end Development, APIs, Storybook, Software, DOM, Virtual DOM, Documentation, Communication, Pixel Perfect, Stripe Payments, Payment APIs, CI/CD Pipelines, Full-stack Development, API Integration, UI Components, Design Systems, Data Visualization, Codebase Development, Scraping, Web Scraping, Store Scraping, Data Scraping, PDF, TypeORM, QA Automation, Infrastructure as Code (IaC), Architecture, Serverless, PDF Scraping, i18n, Monorepos, 3D, eCommerce, Solution Architecture, Okta, Vite, Microsoft Azure Cloud Server, Content Management Systems (CMS), Design, Amazon API Gateway, Accessibility

Collaboration That Works

How to Work with Toptal

Toptal matches you directly with global industry experts from our network in hours—not weeks or months.

1

Share your needs

Discuss your requirements and refine your scope in a call with a Toptal domain expert.
2

Choose your talent

Get a short list of expertly matched talent within 24 hours to review, interview, and choose from.
3

Start your risk-free talent trial

Work with your chosen talent on a trial basis for up to two weeks. Pay only if you decide to hire them.

Top talent is in high demand.

Start hiring