Home

Hi, my name is Tingchao (William) Xu.

A passionate Senior Software Engineer based in CA.

Resume

LinkedIn

Github

Tech Stack

logoslogoslogoslogoslogoslogoslogoslogoslogoslogoslogos
Languages:

JavaScript

TypeScript

Python

Java

HTML

CSS3

ES6

Front-End:

React

Redux

Next.js

Vue

Vuex

React-Native

Node.js

Express

Three.js

D3.js

Back-End:

MongoDB

Redis

MySQL

Restful API

GraphQL

Cloud & Testing:

AWS

Unit Test

End-End Test

Integration Testing

Education

logos

University of Arizona - CS Bachelor Degree (2017)

Project

logoslogoslogoslogoslogos

Walmart Labs - Senior Front-End Developer

Apr 2024 – Current

ProjectImg
  • Developing list and registry service and web page by utilizing React, Hooks, React-Query, SASS, CSS3, Nodejs, Express, JavaScript, Typescript, ES6, GraphQL, Unit Test and Functional Test.
  • Implemented multiple new features for Lists and Registry leveraging the React library, including the creation of shared components, managing complex data flows within components, and fetching data via GraphQL. Ensured robust functionality through integration and unit testing before deploying to the production environment.
  • Developed List and Registry data for three distinct regions using GraphQL, facilitating seamless data transfer and integration between back-end and front-end systems.
  • Designed and developed features at the architectural level, focusing on enhancing web performance, scalability, and code reusability.
  • Mentored mid-level developers by conducting code reviews, facilitating knowledge transfer, assigning tasks, and collaborating on new initiatives to foster team growth and efficiency.

Autodesk - Software Engineer

Jan 2022 – Feb 2024

ProjectImg
  • Developed Autodesk Digital Payment System and applications utilizing React, Redux, Hooks, React-Query, SASS, CSS3, Bootstrap, Nodejs, Express, JavaScript, Typescript, ES6, Google Analytics, MySQL, MongoDB,, AEM, Restful API, GraphQL, Unit Test and Functional Test.
  • Led 2 engineers to implement core features such as checkout page (payment step, address step and so on), invoice and product page, and improved web performance by 30%.
  • Developed the backend infrastructure with Node.js and Express, seamlessly integrating with various services such as tax calculation service, product info, user info and so on.
  • Developed RESTful API and GraphQL to communicate between front-end, services and database.
  • Utilize CMS with AEM for creating, managing, and delivering digital content across various channels such as websites, mobile apps, and forms.
  • Unit test components and utilities with Jest, and conduct Functional tests for web flows and React components using the Cypress testing framework.
  • Mentored 3+ engineers both on the tech side and career path.

LogDNA - Software Engineer

Jun 2019 – Feb 2020

ProjectImg
  • Develop LogDNA websites application with JavaScript, ES6, Vue.js, Vuex, SASS, CSS3, Nodejs, Express, Restful API, GraphQL, Webpack, MongoDB, Redis, Unit Test and Functional Test.
  • Developed a few core features such as alarm system (sms or email), search and sort logs from Redis, data graph, payment system (Stripe), customer services chat (Drift).
  • Led 3 engineers to implement Drift Chat services into the application, effective communication and coordination across PD, UI/UX, Engineer, and Customer Service teams. Resulting in a 50% reduction in customer load.
  • Led 3 engineers to implement Stripe payment services by using Stripe payment apis to create invoices, plans, subscriptions and others for various use cases.
  • Store and maintain user info in MongoDB with Nodejs, Express, RestFul API, and mongoose.
  • Unit test components and utilities with Jest, and conduct functional tests for web flows and Vue components using the Cypress testing framework.
  • Mentored 3+ engineers both on the tech side and career path.

Walmart Labs - Software Engineer

Jun 2019 – Feb 2020

ProjectImg
  • Develop Sam’s Club websites with React, Redux, SASS, CSS3, Bootstrap, Nodejs, Express, JavaScript, ES6, Webpack, Microservices Architecture, Micro Front-End Architecture, Restful API, Unit Test and Functional Test.
  • Responsible for login page, two-factor authentication, forgot email page, reset password flow.
  • Responsible for register flow, creating a new account with existing membership id and user info.
  • Responsible for membership page, join membership page and payment methods.
  • Develop website use Microservices Architecture, reaching different data from different service, such as authorization service for login page, payment service for authorize payments and so on.
  • Develop website use Micro Front-End Architecture for developing separate page and components.
  • Develop web UI interface using CSS3, SASS and React internal Library.
  • Develop React HOC for login page, register page and membership page.
  • Create Redux Reducer, and Action Create for storing data and control the page flow.
  • Use React Lifecycle methods to control the web page flow.
  • Build communications between servers by using GraphQL to pass specific nested data.
  • Use React Router to redirecting the page, and Query String to sharing the website page.
  • Develop website based on WAI and test website based on WAI.
  • Unit Test website component by using Mocha, Enzyme.
  • Functional Test for web flow and React component use Nightwatch.js.

Apple - Software Engineer

Jul 2018 – Jun 2019

ProjectImg
  • Develop several websites with React, Redux, SASS, CSS3, Bootstrap, Nodejs, Express, JavaScript, ES6, JQuery, Webpack and Restful API.
  • Develop React Library with dynamic designing structure and published it on NPM.
  • Design the website structure using HOC and pure component to build a website based on json file.
  • Develop the website with dynamic concept to let those does not have knowledge of JavaScript or react to build their own website.
  • Designed the website using CSS3, SASS and Bootstrap as UI development.
  • Create web app with React.js and Redux as Front-End development.
  • Set up the back-end with Node.js and Express to react the data from server with react socket, and auto push the data to every linked client side.
  • Design Dynamic Redux Action Factory to create Redux Actions and Repository dynamically.
  • Use React Router to redirecting the website and Query String to sharing the website.
  • Use thunk, Axios, ajax to reaching the data from server through api.
  • Develop the website with high order component and pure component structure.
  • Design the structure using React recompose, Lodash, and other useful react library to improve efficiency of developing website.
  • Use Code-splitting with Webpack bundler and Dynamic Imports code design for Lazy-Loading maximize website performance.
  • Use Restful API to communicate with server at the back end to fetch life data every 5 seconds.