XiaoFeng An, Developer in Dandong, Liaoning, China
XiaoFeng is available for hire
Hire XiaoFeng

XiaoFeng An

Verified Expert  in Engineering

Software Developer

Location
Dandong, Liaoning, China
Toptal Member Since
December 7, 2015

With 14 years of extensive software development expertise, XiaoFeng has contributed to projects of diverse scales, showing commitment to fast delivery, exceptional quality, and reliability. Demonstrating an understanding of project requirements, XiaoFeng consistently identifies optimal methodologies to deliver solutions at an elevated standard. He is proficient in both front-end and back-end development, even DevOps, so he prioritizes meticulous attention to architecture and writing clean code.

Portfolio

The Auction Collective
Agile, React, Node.js, Laravel, Stripe, Tailwind CSS...
Status
API Development, GraphQL, TypeScript, JavaScript, REST APIs, Node.js, Firebase...
Tribe Technologies
Amazon Web Services (AWS), Agile Software Development, API Development, Apollo...

Experience

Availability

Full-time

Preferred Environment

Slack, Git, Visual Studio Code (VS Code), Linux, Angular, React, Node.js, Laravel, Python, Agile Software Development

The most amazing...

...project I contributed to included nine large-scale initiatives, leading three of them, where the largest reached 1 million users.

Work Experience

Team Lead

2023 - 2023
The Auction Collective
  • Led a startup team of five engineers, navigating the challenges of building and growing in a startup environment.
  • Launched the product successfully, achieving a significant milestone of 1 million total users.
  • Generated $1.5 million in sales last year through the platform's auctions.
  • Refactored and took migration to a modern tech stack while maintaining the legacy product.
Technologies: Agile, React, Node.js, Laravel, Stripe, Tailwind CSS, Amazon Simple Email Service (SES), REST APIs, Next.js, NestJS, CSS, Styled-components, PHP, PostgreSQL, MongoDB, GraphQL, Kubernetes, CI/CD Pipelines, React Native, User Experience (UX), User Interface (UI), Finance, Banking & Finance, Software Architecture, Databases, APIs, Prisma, Heroku, Test Automation, Back-end Development, Monorepos, Application State Management, Mobile First, Digital Payments, Mobile Banking, Online Banking, Auth0, Storybook, React Redux, Responsive Web Apps, Figma, Pixel Perfect, JSX

Senior Software Engineer (TypeScript, Firebase)

2022 - 2022
Status
  • Refactored an old AngularJS project into a modern Angular one by utilizing Angular/TypeScript features and practices.
  • Implemented various features in Shopify API, including usage-based billing service, and ensured the performance.
  • Set up CI/CD pipeline with GitHub Actions and created a few new Docker containers for a better developer experience.
  • Introduced coding styles and guidelines and the PR review system so that developers would collaborate and help each other more efficiently under the principles.
  • Implemented a database management system with PlanetScale branching and a migration system.
  • Used Firebase SDK and cloud functions and introduced the approach to handle authentications and permissions between customers, shop owners, and admin roles.
Technologies: API Development, GraphQL, TypeScript, JavaScript, REST APIs, Node.js, Firebase, Shopify API, Mailchimp, React, Next.js, Reactive Programming, Firebase Web SDK, Cloud Firestore, Firebase Cloud Functions, Angular, Angular Material, NgRx, RxJS, HTML, Sass, eCommerce, AWS Amplify, Web Accessibility, CSS5, .NET, DevOps, Full-stack Development, Ionic, Zustand, Google Cloud, Firebase Cloud Messaging (FCM), Firebase Hosting, API Integration, Tailwind CSS, Sentry, Svelte, User Experience (UX), User Interface (UI), Software Architecture, Databases, APIs, Gatsby, Prisma, Heroku, Test Automation, Back-end Development, Monorepos, Application State Management, Mobile First, Auth0, React Redux, Responsive Web Apps, Figma, Pixel Perfect, JSX

Billing Software Engineer

2021 - 2022
Tribe Technologies
  • Collaborated with designers, product managers, and other developers to build tools to help the customers and partners succeed.
  • Developed new features for the back-end services using Nest.js, TypeScript, TypeORM, and PostgreSQL and used Kafka to communicate asynchronously between microservices inside the back-end app.
  • Helped ensure that the constantly evolving system is highly available and able to accept several code deployments per day by utilizing DevOps best practices.
  • Built payment service based on Stripe SDK with various types of subscription systems.
  • Implemented cron jobs to manage the customer information and subscription status with trials approach with Nest.js.
Technologies: Amazon Web Services (AWS), Agile Software Development, API Development, Apollo, Back-end, NestJS, TypeScript, TypeORM, PostgreSQL, GraphQL, Microservices, Amazon Simple Email Service (SES), Terraform, Node.js, NoSQL, ECMAScript (ES6), Stripe, Stripe Payments, Stripe API, Stripe Checkout, Stripe Subscriptions, ES6 Promises, JavaScript Testing, Test-driven Development (TDD), Reactive Programming, Angular, Angular Material, NgRx, RxJS, HTML, Sass, eCommerce, AWS Amplify, Web Accessibility, Cryptocurrency, CSS5, .NET, DevOps, Full-stack Development, Ionic, Mobile Apps, Responsive Web Design (RWD), SQL, API Integration, Axios, PayPal API, User Experience (UX), User Interface (UI), Banking & Finance, Financial Modeling, Databases, APIs, Heroku, Test Automation, Application State Management, Mobile First, Digital Payments, Auth0, Storybook, React Redux, Figma, Pixel Perfect

React Native/Node.js Developer

2020 - 2021
Cary Rx Incorporated
  • Reduced the development effort by 30% by re-architecting the product using 100% JavaScript—Node.js, React, and React Native, where every engineer is a full-stack one and can work on any portion of the system.
  • Managed the product development from discovery through public launch, simultaneously coordinating domestic and offshore resources both internal and external to the company.
  • Enabled the mobile app to connect to Bluetooth printers to print QR code badges that can be scanned in-app to clock workers in and out, track tickets, and create quality notes.
  • Estimated, planned, and tracked development efforts across four distinct stacks to assist the product owner in budget and resource planning.
  • Developed a universal search feature for a customer-facing analytics application that allowed all of the application's data entities to be searched instantly within a single interface.
  • Retrofitted the entire product for multilingual support as a requirement for the advance of a major financial partnership.
  • Implemented a UX recommendation library that recommended specific best practices based on what UX problems were encountered.
Technologies: Agile, Agile Software Development, Amazon Web Services (AWS), API Development, Amazon EC2, Amazon S3 (AWS S3), Back-end, Bootstrap, Bootstrap 3, Continuous Integration (CI), CSS, CSS3, Node.js, JavaScript, TypeScript, Express.js, PostgreSQL, MongoDB, Parse Server, Parse, Parse SDK, React Native, React, Redux, Redux Thunk, Docker, Docker Compose, Kubernetes, NoSQL, Expo.io, Apollo Server, REST, ECMAScript (ES6), ES6 Promises, JavaScript Testing, Reactive Programming, HTML, Sass, eCommerce, AWS Amplify, Web Accessibility, Cryptocurrency, CSS5, .NET, DevOps, Full-stack Development, Mobile, Mobile Apps, iOS, Android, API Integration, Expo, Axios, User Experience (UX), User Interface (UI), Databases, APIs, Mobile Development, Heroku, Test Automation, Back-end Development, Vercel, Application State Management, Mobile First, Storybook, React Redux, Responsive Web Apps, Figma, Pixel Perfect, JSX

Vue Firebase Developer

2020 - 2020
Hive Properties Pty Ltd
  • Created a custom responsive drag-and-drop calendar, note, and appointment system with Vue, saving users from using multiple applications.
  • Implemented user registration and an authentication system with Firebase Auth and Firebase Cloud Functions.
  • Implemented and integrated a custom action tracking tool, allowing the company to collect and analyze any user activity.
  • Built an extensive, component-based mailing application similar to MailChimp for marketing messages with live preview and staging.
  • Redesigned and rewrote an existing platform utilizing SSR and custom drag-and-drop Vue components. Created dozens of reusable components, integrated APIs, and managed app states using Vuex and Vuex Store.
Technologies: Agile, Agile Software Development, Amazon Web Services (AWS), API Development, Firebase, Firebase Web SDK, Cloud Firestore, Vuex, Vue, Vuetify, Amazon S3 (AWS S3), Back-end, Firebase Cloud Functions, JavaScript, TypeScript, NoSQL, Progressive Web Applications (PWA), REST, ECMAScript (ES6), ES6 Promises, HTML, Sass, AWS Amplify, Web Accessibility, Cryptocurrency, CSS5, .NET, DevOps, Mobile, Mobile Apps, Search Engine Optimization (SEO), Responsive Web Design (RWD), Firebase Cloud Messaging (FCM), Firebase Hosting, JSON Web Tokens (JWT), API Integration, Nuxt.js, User Experience (UX), User Interface (UI), Databases, Mobile Development, Vercel, Application State Management, Mobile First, Responsive Web Apps, Figma, Pixel Perfect

React and Node.js Full-stack Developer

2020 - 2020
TrkrCenter
  • Developed a React single page application with rich feature sets targeted mainly for charts data visualization using React as the front-end framework.
  • Built RESTful APIs using Node.js, Express.js, and MongoDB and deployed them to AWS EC2.
  • Reduced a React and Node.js application downtime from five seconds to one second, resulting in a 97% uptime by implementing an auto-reconnecting WebSocket library.
  • Implemented RESTful security standards for both the React front end and Node.js back end as defined by OSWAP.
  • Developed a role-based access control (RBAC) microservice, which reduced malicious logins by 34%.
  • Automated manual data entry systems in the projects using React, resulting in a 50% reduction in the application processing delay and 30% less error in data inconsistency.
  • Lowered deployment time by 70% for 50 live instances by integrating a Jenkins pipeline into the React repository.
Technologies: Firebase, React Native, GraphQL, Front-end Development, Visual Studio Code (VS Code), Slack, Webpack, Material UI, React Apollo, Git, CSS, MySQL, REST APIs, jQuery, Web Development, CSS3 Animation, Mobile App Development, Responsive UI, Front-end, Back-end, Full-stack, Continuous Delivery (CD), Continuous Integration (CI), HTML5, SCSS, CSS3, Sequelize, GitHub, Jenkins, TypeScript, JavaScript, Redux Thunk, Redux, Amazon Web Services (AWS), Express.js, MongoDB, Node.js, React, NoSQL, JavaScript Libraries, Progressive Web Applications (PWA), Apollo Server, REST, ECMAScript (ES6), ES6 Promises, JavaScript Testing, HTML, Sass, Web Accessibility, Cryptocurrency, CSS5, .NET, DevOps, Full-stack Development, Mobile, Next.js, Responsive Web Design (RWD), JSON Web Tokens (JWT), SQL, API Integration, Tailwind CSS, Axios, User Experience (UX), User Interface (UI), Databases, APIs, Mobile Development, Back-end Development, Mobile First, Storybook, React Redux, Responsive Web Apps, Figma, JSX

Senior Angular Developer

2019 - 2020
Genoox
  • Developed the front end of an Angular web application.
  • Integrated RESTful API endpoints to the application using RxJS, Observables, Ngrx, and Ngrx-store.
  • Translated Zeplin designs into working boilerplate, complete with responsiveness, SVG animations, and functionality.
  • Built components libraries using Angular, Angular Material, RxJS, Ngrx, HTML5, and SCSS and CSS.
  • Published and integrated npm modules for reusable components used across different platforms.
  • Used D3.js to visualize medical data and custom display using D3.js paths and group elements.
Technologies: Firebase, Front-end Development, Visual Studio Code (VS Code), Slack, Webpack, Git, CSS, MySQL, REST APIs, jQuery, Web Development, CSS3 Animation, Mobile App Development, Responsive UI, Front-end, SCSS, CSS3, HTML5, RxJS, NgRx, SVG, D3.js, Angular Material, JavaScript, TypeScript, Angular, Google Maps, JavaScript Libraries, Progressive Web Applications (PWA), REST, ECMAScript (ES6), ES6 Promises, JavaScript MVC, Test-driven Development (TDD), Reactive Programming, HTML, Sass, PHP, CSS5, DevOps, Full-stack Development, Ionic, Mobile, Search Engine Optimization (SEO), Responsive Web Design (RWD), JSON Web Tokens (JWT), SQL, Axios, User Experience (UX), User Interface (UI), Databases, Figma

Senior React Developer

2019 - 2019
Pacific Biosciences
  • Implemented React UI features and fixed bugs using React, Redux, Semantic-UI, and TypeScript.
  • Created several React components with Plotty charts that support interactive visualizations of data projections and analysis.
  • Implemented an API call with cancelable promises using React hooks.
  • Introduced the React HOCs for code reuse, logic, and React bootstrap abstraction.
  • Built an internal analysis and report generating user interface with JavaScript MVC structure via React and Redux.
  • Implemented the showing feature of the field-level validation error message from the back-end API response with Redux Form and promised handling in React project.
  • Documented the internal design system and set up shared components with Storybook.
Technologies: Firebase, React Native, GraphQL, Front-end Development, Visual Studio Code (VS Code), Slack, Webpack, Material UI, React Apollo, Git, CSS, MySQL, REST APIs, jQuery, Web Development, Mobile App Development, Responsive UI, Front-end, React-Bootstrap, Bootstrap, Enzyme, Jest, Unit Testing, CSS3 Animation, CSS3, HTML5, Redux-Saga, Redux Thunk, GitHub, Jira, E2E Testing, Cypress, Redux, JavaScript, TypeScript, Angular, React, Google Maps, JavaScript Libraries, Apollo Server, REST, ECMAScript (ES6), ES6 Promises, JavaScript Testing, Test-driven Development (TDD), Angular Material, NgRx, Reactive Programming, RxJS, HTML, Sass, PHP, CSS5, Mobile, Responsive Web Design (RWD), JSON Web Tokens (JWT), WebSockets, Service Workers, SQL, User Experience (UX), User Interface (UI), Databases, APIs, Gatsby, Storybook, React Redux, Responsive Web Apps

Vue and Python Developer

2017 - 2018
Private Company
  • Built the front end using Vue and Vuetify. Implemented state management using Vuex.
  • Implemented microservices using Python, Flask, and Docker. Implemented auto deployment from Docker Hub to AWS EC2.
  • Integrated a key and value server called Consul. Managed and maintained both front-end and back-end repositories.
Technologies: TypeScript, Firebase, React Native, Front-end Development, Visual Studio Code (VS Code), Slack, Webpack, Git, CSS, MySQL, REST APIs, JavaScript, CSS3, HTML5, jQuery, Web Development, CSS3 Animation, Responsive UI, Front-end, Back-end, Full-stack, Serverless, Microservices, Vuetify, Vuex, Vue, Google Maps, JavaScript Libraries, REST, ECMAScript (ES6), Fintech, ES6 Promises, HTML, Sass, PHP, CSS5, Nuxt.js, User Experience (UX), User Interface (UI), Databases, APIs

Web Developer

2016 - 2017
Neusoft
  • Supported enterprise-level ERP and CRM using Java and Angular. Created various test codes for CI/CD.
  • Worked on searching solutions using Elasticsearch.
  • Implemented a UI-intensive social networking site utilizing Bootstrap, Modernizr, and React.
  • Helped with hosting on Amazon, DigitalOcean, and Rackspace, GoDaddy, and cross-linked DBs and other resources.
  • Supported real estate sites with React and Ruby on Rails. Created API endpoints based on Swagger.
  • Supported the development of some SaaS projects with Angular and PHP, Angular and Rails, and React and Rails stacks.
  • Converted design and mockups to pixel-perfect HTML and CSS using Bootstrap and improved the quality and reduce time with a CSS preprocessor, including Sass and Less.
Technologies: TypeScript, Firebase, React Native, GraphQL, Front-end Development, Visual Studio Code (VS Code), Slack, Webpack, Material UI, React Apollo, Node.js, Git, CSS, MySQL, REST APIs, JavaScript, jQuery, Web Development, CSS3 Animation, Responsive UI, Front-end, Full-stack, Bootstrap, CSS3, HTML5, Angular, React, JavaScript Libraries, REST, ECMAScript (ES6), Healthcare, JavaScript MVC, Angular Material, NgRx, Reactive Programming, RxJS, HTML, Sass, CSS5, Service Workers, Laravel, User Experience (UX), User Interface (UI), Databases

Full-stack Developer

2014 - 2015
ACHIEVO
  • Built a RESTful API for a mobile app and web application with PHP, Laravel, Node.js, and Express.js.
  • Designed a large and complicated database and optimized queries for better performance.
  • Converted the provided designs from PSD and Sketch to pixel-perfect HTML pages with very optimized Sass code.
  • Implemented the RESTful APIs in the front end using JavaScript frameworks like Angular.
  • Consulted on technical solutions for aspects of choosing the stack and frameworks.
  • Conducted unit tests for every code snippet and deployed the projects to Linux-based servers from DigitalOcean, GoDaddy, and AWS.
Technologies: Firebase, GraphQL, Front-end Development, Visual Studio Code (VS Code), Slack, Webpack, Material UI, Git, CSS, REST APIs, JavaScript, jQuery, Web Development, CSS3 Animation, Responsive UI, Front-end, Back-end, Full-stack, RESTful Development, CSS3, HTML5, Angular, MongoDB, Express.js, Node.js, MySQL, JavaScript Libraries, REST, JavaScript MVC, Angular Material, NgRx, Reactive Programming, HTML, Sass, CSS5, Android, User Experience (UX), User Interface (UI), Databases

Senior iOS Developer

2010 - 2014
TMO Group
  • Managed full-stack development using Agile methodology.
  • Created an image processing module using Objective-C GPUImage library.
  • Implemented a back-end REST API for real-time location updates using PHP, MySQL, and Google Maps API.
  • Created Objective-C components for social networking such as messaging, profiling, matching, and more.
  • Integrated social networking APIs like Facebook, Twitter, and Instagram.
  • Built some mobile app landing pages using PHP and a Bootstrap template.
  • Implemented payment modules using Stripe and Braintree.
Technologies: Firebase, Front-end Development, Slack, Git, CSS, REST APIs, CSS3, HTML5, jQuery, CSS3 Animation, Mobile App Development, Responsive UI, Front-end, MySQL, REST, JavaScript MVC, iOS, User Experience (UX), User Interface (UI), Databases, Mobile First

Rappi | Food Delivery

Rappi is a grocery and pharmacy delivery app built with React Native.

I worked as part of a small team to build React Native iOS/Android applications. I also architected, built, and maintained excellent React Native applications with clean code. The client provided the InVision design and I implemented pixel-perfect UIs that match the designs. I implemented clean, modern, smooth animations and transitions that provide an excellent user experience and integrate third-party APIs. We used TDD so I had to write unit and integration tests.

Contetto | Marketing Platform

The idea of the project is to allow users to manage social media and marketing materials, scheduling activities automatically. It helps users' activities with good analytics.

We used the MERN stack (Mongo, Express, React, Node) for this project and improved user-friendliness via discussion. This project used a Bootstrap theme for a better look and feel. It also used Firebase for messaging and push notification to the end users.

Real Estate Service Website

http://www.noagentproperty.com.au/
The site enables users to list their properties privately on popular real estate marketplaces so that properties can be sold or leased without any fee.

This project uses React, Redux, Node.js, PostgreSQL with Bootstrap, and Modernizr integrated.
The project is user-friendly with mobile responsive, interactive, cross-browser compatible screens and is also performance-driven.

Front-end Development for an Insurance Project

A web-based individual life and family funeral insurance system. I worked as a senior front-end developer in the team and with Vue, Vuetify, and Vuex. My main duty was to work with a large amount of data that would feed internal websites with correct data about customers, invoices, orders, and service calls. The back end was done using Node.js and Sequelize to access the MS SQL server and MongoDB to cache intermediate data for faster access.

Online Auction Platform

http://theauctioncollective.com
An online auction platform is a digital marketplace that facilitates the buying and selling goods or services through a competitive bidding process conducted over the internet. Typically, participants engage in real-time auctions where they place bids on items of interest, with the highest bidder winning the item when the auction concludes. The platform provides a dynamic and transparent environment, offering features such as bid tracking, auction notifications, and secure payment systems to ensure users a seamless and trustworthy transaction experience. Online auction platforms cover various categories, from consumer products and collectibles to services, creating a virtual space for global participants to connect and trade.

Languages

GraphQL, CSS, ECMAScript (ES6), TypeScript, SCSS, HTML5, CSS3, JavaScript, HTML, Sass, PHP, SQL, Python

Frameworks

Bootstrap, Cypress, React-Bootstrap, Redux, JavaScript MVC, Jest, Express.js, Bootstrap 3, Material UI, React Native, NestJS, Next.js, Angular, Angular Material, Ionic, JSON Web Tokens (JWT), Laravel, Svelte, AngularJS, .NET, Nuxt.js, Tailwind CSS, Vuetify

Libraries/APIs

Redux-Saga, jQuery, REST APIs, D3.js, React, Node.js, Google Maps, RxJS, API Development, Stripe, Stripe API, Firebase Web SDK, NgRx, React Redux, Parse SDK, Vue, AWS Amplify, Modernizr, Shopify API, Vuex, PayPal API

Tools

Sequelize, Expo.io, WebStorm, Git, Slack, React Apollo, Redux Thunk, JavaScript Testing, Webpack, GitHub, Jira, Stripe Checkout, Firebase Cloud Messaging (FCM), Expo, Prisma, Auth0, Figma, JSX, Jenkins, Docker Compose, Amazon Simple Email Service (SES), Terraform, Fastlane, Sentry, Mailchimp, Amazon Simple Notification Service (Amazon SNS)

Paradigms

Unit Testing, Agile, Microservices, E2E Testing, RESTful Development, Continuous Delivery (CD), Continuous Integration (CI), Test-driven Development (TDD), Agile Software Development, REST, Reactive Programming, Responsive Web Design (RWD), Mobile Development, Test Automation, DevOps, Search Engine Optimization (SEO), Load Testing

Platforms

MacOS, Firebase, Amazon EC2, Docker, Visual Studio Code (VS Code), Mobile, Heroku, Vercel, Linux, Amazon Web Services (AWS), Parse Server, Parse, Kubernetes, iOS, Android, WordPress

Industry Expertise

Healthcare, Banking & Finance

Storage

MySQL, Amazon S3 (AWS S3), PostgreSQL, MongoDB, NoSQL, Cloud Firestore, Google Cloud, Databases

Other

Web Development, Fintech, Back-end, Front-end, Progressive Web Applications (PWA), Serverless, SVG, Apollo, Apollo Server, Responsive UI, Enzyme, CSS3 Animation, Mobile App Development, Front-end Development, ES6 Promises, JavaScript Libraries, Full-stack, Stripe Payments, Stripe Subscriptions, Firebase Cloud Functions, TypeORM, CSS5, Mobile Apps, Firebase Hosting, API Integration, Axios, User Experience (UX), User Interface (UI), Finance, APIs, Back-end Development, Monorepos, Application State Management, Mobile First, Digital Payments, Mobile Banking, Online Banking, Storybook, Responsive Web Apps, Pixel Perfect, eCommerce, Web Accessibility, Cryptocurrency, Full-stack Development, Zustand, WebSockets, Service Workers, Financial Modeling, Software Architecture, Gatsby, Web-based Interface, Styled-components, CI/CD Pipelines, Computer Engineering, PayPal, Card Payments

2006 - 2010

Bachelor's Degree in Computer Engineering

Wuhan University - Wuhan, Hubei, China

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