XiaoFeng An, Software Developer in Dandong, Liaoning, China
XiaoFeng An

Software Developer in Dandong, Liaoning, China

Member since November 10, 2015
With ten years of software development experience, XiaoFeng has contributed to projects small and large, demonstrating his professionalism with unmatched quality and reliability. Being a professional developer means understanding all the requirements of a project and finding the best way to implement it to a high-quality standard. He is proficient in modern web languages and always focuses on project structures and coding style.
XiaoFeng is now available for hire


  • TrkrCenter
    React, Node.js, MongoDB, Express.js, Amazon Web Services
  • Genoox
    Angular, TypeScript, JavaScript, Angular Material, D3, SVG, Ngrx, Rxjs, HTML5...
  • Pacific Biosciences
    React, Angular, TypeScript, JavaScript, Redux, Cypress, E2E Testing, Jira...



Dandong, Liaoning, China



Preferred Environment

MacOS, Linux, VS Code, WebStorm, Git, Slack

The most amazing...

...web app I've developed is a real estate property rental app that helps people find the best match among available properties in a given area.


  • Full-stack Developer

    2020 - 2020
    • Created an MVP version of web application using React, TypeScript, Material UI, and Redux based on the client's wireframe.
    • Built RESTful APIs using Node.js, Express.js, and MongoDB and deployed them to AWS EC2.
    • Implemented the JWT Authentication system throughout the app.
    • Managed AWS services with subdomain implementation, server management for both front and back end.
    • Integrated CI/CD with AWS CodePipeline and AWS Amplify.
    Technologies: React, Node.js, MongoDB, Express.js, Amazon Web Services
  • Senior Angular Developer

    2019 - 2020
    • Developed the front end of an Angular web application.
    • Integrated REST-ful 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/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: Angular, TypeScript, JavaScript, Angular Material, D3, SVG, Ngrx, Rxjs, HTML5, CSS3, SCSS
  • Front-end Developer

    2019 - 2019
    Pacific Biosciences
    • Developed a new version of SMRT Link application using React.
    • Created several React components with Plotty charts that support interactive visualizations of data projections and analysis.
    • Developed unit tests and component snapshot tests using Jest and Enzyme.
    • Developed E2E tests for the user experience using Cypress framework.
    • Migrated very large Angular-based front-end application code to make it more modular and reusable using React and TypeScript.
    • Created reusable React components for the date picker, dropdown, buttons, and input styles according to the provided designs.
    Technologies: React, Angular, TypeScript, JavaScript, Redux, Cypress, E2E Testing, Jira, GitHub
  • Vue.js/Python Developer

    2017 - 2018
    Private Company
    • Built the front end using Vue.js 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/value server called Consul.
    Technologies: Vue.js, Vuex, Vuetify, Python, Flask, Django, Microservices, Serverless
  • Web Developer

    2016 - 2017
    • Supported enterprise-level ERP/CRM using Java and Angular.
    • Worked on searching solutions using Elasticsearch.
    • Implemented a UI-intensive social networking site utilizing Bootstrap, Modernizr, and React.
    • Created various test codes for CI/CD.
    • 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.
    • Supported development of some SaaS projects with Angular/PHP, Angular/Rails, React/Rails stacks.
    • Converted design and mockups to pixel-perfect HTML/CSS using Bootstrap and improved the quality and reduce time with CSS preprocessors including Sass and Less.
    • Created API endpoints based on Swagger.
    Technologies: React, Angular, PHP, Ruby on Rails, HTML5, CSS3, Bootstrap
  • Full-stack Developer

    2014 - 2015
    • Built a RESTful API for a mobile app and web application with PHP/Laravel and Node/Express.
    • Designed a large and complicated database and optimized queries for better performance.
    • Converted the provided designs (PSD/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: PHP, Laravel, MySQL, Node.js, Express.js , MongoDB, Angular, HTML5, CSS3, RESTful API
  • 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, etc.
    • Integrated social networking APIs like Facebook, Twitter, and Instagram.
    • Built some mobile app landing pages using PHP and Bootstrap template.
    • Implemented payment modules using Stripe and Braintree.
    Technologies: Objective-C, PHP, ASP.NET, Ruby on Rails, MySQL


  • Rappi: Food Delivery (Development)

    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.

  • Food Ordering Application (Development)

    This provides a platform where users can place orders for multiple dishes at once. It's built with React Native. I took initiative in development using React and Ruby on Rails. It uses a REST-based MVC architecture with a Ruby on Rails-based back end to feed data to mobile apps and a web app.

  • TrkrCenter | Time Tracking and Class Management App (Development)

    The idea of the project is to allow teachers and students to manage classes and their tasks as well as time log spending on each task and class. It allows teachers to schedule appointments and class starting times based on the teacher's schedule.

    I used the MERN stack (React, Node.js, Express, MongoDB) for this project and deployed both front- and back-end servers to AWS Amplify, CodePipeline, EC2, and EBS.

  • Real Estate Service Website (Development)

    The site helps users to be able to list their properties privately on popular real estate marketplaces so that their properties can be sold or leased without any fee.

    This project used 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.

  • Contetto | Marketing Platform (Development)

    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.

  • Buy-and-Sell Site (Development)

    The project is a C2C buy-and-sell website. You can post the products that you want to sell on the site and you can also look for products for your taste and buy them directly from the owners.

    The project is based on MERN stack, and I played the role of full-stack developer in the team. I translated mockups into working boilerplates, complete with responsiveness, animations, and functionality. I also built components libraries using React, styled components, Material UI, HTML5, and Sass/Less/CSS.

  • Hiroes | Event Website (Development)

    An event party planning and management platform.

    Hiroes offers an easy way to plan and manage events from booking venues to hiring event stuff like photographers, musicians, caterers, and security.

    Front end: Angular, HTML5, Bootstrap, CSS3
    Back end: Node.js, Express.js, Knex, MongoDB

  • GlobeHealer | Patient Healthcare Website (Development)

    A patient access platform which offers an easy way to find treatments globally.

    Implemented a RESTful API provided from a back-end developer with a React-based front end and converted the Sketch design to real React components. Built an intuitive filter for hospitals with Google Maps.

  • Relationship Analytics Site (Development)

    The project targets all possible fans of social networks. People who have at least one social account, e.g., Facebook, can register and make relationships with others. They have unique scores calculated based on followers, friends, such kind of factors of networks.

    I implemented pixel-perfect and user-friendly UX/UI focusing on details. The stack is HTML5/CSS3/Ruby on Rails/PostgreSQL/MongoDB.

  • SEO-friendly AngularJS Enterprise Web Application (Development)

    ・ Worked with AngularJS 1.5, Angular Material, and other JS packages.
    ・ Experienced Webpack and Gulp configuration for AngularJS development performance improvements like hot-reloading, Sass, and PostCSS.
    ・ Set up Prerender.io Node.js server to cache the rendered web pages in AngularJS.
    ・ Implemented Angular Universal to set up proper SEO tags and build SEO-friendly components with AngularJS.
    ・ Configured Google Analytics to get better results in Google Search.
    ・ Used various tools like Browseo, and "Fetch as Google" sites to see how the pages are fetched in Google Bots


  • Languages

    GraphQL, CSS, ECMAScript (ES6), TypeScript, SCSS, HTML5, CSS3, JavaScript, PHP
  • Frameworks

    Laravel, Redux, Vuetify.js, Ionic, Angular Material, JavaScript MVC, Jest, Angular, Bootstrap 4, AngularJS, Express.js, Koa, Bootstrap 3, Material-UI, React Native
  • Libraries/APIs

    jQuery, Vue.js, REST APIs, D3.js, React, Node.js, Google Maps, RxJS, Vuex, Vue.js 2, API Development
  • Tools

    Sequelize, Redux Thunk, JavaScript Testing, Webpack, GitHub, Jira
  • Paradigms

    Unit Testing, Agile, Continuous Delivery (CD), Continuous Integration (CI), Test-driven Development (TDD), Agile Software Development, REST
  • Platforms

    Firebase, AWS EC2, Docker
  • Industry Expertise

    Web Development, Healthcare, Fintech
  • Storage

    AWS RDS, MySQL, AWS S3, PostgreSQL, MongoDB, NoSQL
  • Other

    Back-end, Front-end, Progressive Web Applications (PWA), Material Design, Responsive UI, Enzyme, CSS3 Animation, Mobile App Development, Front-end Development, ES6 Promises, JavaScript Libraries, Full-stack, react.js


  • Bachelor's degree in Computer Engineering
    2006 - 2010
    Wuhan University - Wuhan, Hubei

To view more profiles

Join Toptal
Share it with others