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. As a professional developer, he understands all the project requirements and always finds the best way to implement them 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

Portfolio

  • TrkrCenter
    Firebase, React Native, GraphQL, Front-end Development, VS Code, Slack...
  • Genoox
    Firebase, Front-end Development, VS Code, Slack, Webpack, Git, CSS, MySQL...
  • Pacific Biosciences
    Firebase, React Native, GraphQL, Front-end Development, VS Code, Slack...

Experience

Location

Dandong, Liaoning, China

Availability

Part-time

Preferred Environment

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

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.

Employment

  • React/Node 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/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 (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 for the React repository.
    Technologies: Firebase, React Native, GraphQL, Front-end Development, 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
  • Senior Angular Developer

    2019 - 2020
    Genoox
    • 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: Firebase, Front-end Development, 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
  • 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 promise handling in React project.
    • Documented the internal design system and set up shared components with Storybook.
    Technologies: Firebase, React Native, GraphQL, Front-end Development, 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.io, Redux, JavaScript, TypeScript, Angular, React
  • 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: TypeScript, Firebase, React Native, Front-end Development, VS Code, Slack, Webpack, Vue.js 2, Git, CSS, MySQL, REST APIs, JavaScript, CSS3, HTML5, jQuery, Web Development, CSS3 Animation, Responsive UI, Front-end, Back-end, Full-stack, Serverless, Microservices, Django, Flask, Python, Vuetify.js, Vuex, Vue.js
  • Web Developer

    2016 - 2017
    Neusoft
    • 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: TypeScript, Firebase, React Native, GraphQL, Front-end Development, 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, Back-end, Full-stack, Bootstrap, CSS3, HTML5, Ruby on Rails (RoR), Ruby, PHP, Angular, React
  • Full-stack Developer

    2014 - 2015
    ACHIEVO
    • 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: Firebase, GraphQL, Front-end Development, 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, RESTful APIs, CSS3, HTML5, Angular, MongoDB, Express.js, Node.js, MySQL, Laravel, PHP
  • 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: Firebase, Front-end Development, Slack, Git, CSS, REST APIs, CSS3, HTML5, jQuery, CSS3 Animation, Mobile App Development, Responsive UI, Front-end, MySQL, Ruby on Rails (RoR), Ruby, ASP.NET, PHP, Objective-C

Experience

  • 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.

  • 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.

  • Real Estate Service Website (Development)
    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.

Skills

  • Languages

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

    Bootstrap, Cypress.io, React-Bootstrap, Redux, Vuetify.js, JavaScript MVC, Jest, 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, Modernizr, Redux-saga
  • Tools

    Sequelize, Expo.io, VS Code, WebStorm, Git, Slack, React Apollo, Redux Thunk, JavaScript Testing, Webpack, GitHub, Jira, Jenkins
  • Paradigms

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

    MacOS, Firebase, AWS EC2, Docker, Linux, Amazon Web Services (AWS)
  • Industry Expertise

    Web Development, Healthcare, Fintech
  • Storage

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

    Back-end, Front-end, Progressive Web Applications (PWA), RESTful APIs, Serverless, SVG, Apollo, Apollo Server, Responsive UI, Enzyme, CSS3 Animation, Mobile App Development, Front-end Development, ES6 Promises, JavaScript Libraries, Full-stack

Education

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

To view more profiles

Join Toptal
Share it with others