React Frontend Developer

Xin Liu

Frontend React Developer UI/UX Specialist JavaScript Expert

North Carolina Open to Relocation / Remote / Hybrid / onsite

Email: **********@*****.*** Phone: 201-***-**** LinkedIn: linkedin.com/in/xin-liu-9ab8027b GitHub: https://github.com/XinLiu1223

Authorized to work on C2C Contracts

Professional Summary

Highly skilled Frontend React Developer with 8+ years of experience delivering responsive, scalable, high-performance, enterprise-grade and customer-facing web applications for diverse client companies under C2C contracts. Expertise in React.js, JavaScript (ES6+), TypeScript, and modern UI frameworks. Proven ability to collaborate with cross-functional teams, optimize user experience, adept at translating business requirements into elegant, maintainable code, and meet tight deadlines in fast-paced environments.

Technical Skills

Frontend: React.js, Redux, Next.js, TypeScript, JavaScript (ES6+), HTML5, CSS3, SCSS

UI/UX: Responsive Design, Material-UI, Tailwind CSS, Mobile Web, Single Page Applications

Tools & Build Systems: Webpack, Babel, Vite, NPM/Yarn, Storybook

Testing: Jest, React Testing Library, Cypress

API Integration: REST APIs, Axios, Prisma, Postman

Version Control: Git, GitHub, Bitbucket

Cloud & DevOps Tools: AWS, Azure, Docker, Jenkins, CI/CD

Backend / Languages: Java, Python, NodeJS, SQL, Spring boot, Maven

Other: Agile/Scrum, Accessibility (WCAG), Figma, Debugging & Performance Optimization

Professional Experience

Senior Frontend React Developer Multiple Client Projects (C2C) Jago Link Inc July 2019 – Present

Key Responsibilities:

Work from early React version to newest React/Next tech stack, React Hooks, TypeScript, JavaScript, HTML, CSS, sass, react router, react native to implementation component, views, dashboard, web and mobile application based on client requirements.

Create react reusable component, custom Hooks, use useRef for necessary native DOM manipulation, third-party DOM JavaScript library integration, uncontrol form element, or use useState for control components, state update, and element rearrange.

Work with PM, UX, QA from design to use Figma, micro design system, client company components lib dependency, Tailwind CSS, responsive, flex display, Media Query, ShadCN, Material-UI, PNG, SVG, image loading, gather requirements, create technical design documents, and customize various components depending on main business lines.

Implement application state management and share state by createContext, Provider, useContext, useReducer, build complex enterprise state management by Redux, Redux Toolkit, perform async action and side effect by redux-thunk, redux-saga, and manage server state by react-query based on application architect.

Use useCallback, React.memo, useMemo, useEffect, or latest react Complier to improve and optimize performance.

Consume CMS Content Management System such as sitecore or AEM Adobe Content Management on client companies and feed the CMS JSON data or component to the UI.

Integrate with REST APIs, use useTransaction for dynamic data async fetch and actions, create services layer and until functions to preprocess data structure for response or payload to perform Modal popup, form submission, and user interactions, work with java, backend, python to convert and pass data to frontend.

Create UI Automation testing by cypress, cucumber, fixtures, steps definitions, use React Testing Library and Jest to increase unit test coverage, simulate user event by fireEvent, test React hooks by renderHook, and mock API calls in React component.

Utilize cloud technology and DevOps to config node.js server, Jenkins, GCP - Google Cloud Platform, Docker, container gateway, AWS, IAM, EC2 infrastructure as service, vercel, Git actions for CICD.

Setup to use AI agent in IDE for code efficiency.

Sr. Frontend React Developer Client Project United Group, Harrisburg, NC

February 2025 – Present

POS E-Commerce Agent Platform

POS company Agent Platform has highly interactive POS products pages with views, reviews, features, and dynamic recommendation sections, advanced search and filtering experience using debounced queries and server-side search integration, also has multi-step checkout flows with robust form validation, payment gateway integration, and error-handling logic.

Key Achievements:

Build and maintain reusable code and libraries for multiple frontend projects, optimize application for high performance and scalability and ensure the technical feasibility of UI/UX designs and user friendly.

Create operational overviews and write requirement analysis, mock-ups, test plans and documentation for new reports in Jira environment to cover gaps between initially delivered functionality and business requirements.

Senior Frontend React Developer Client Project Duke Energy, Charlotte, NC Dexian LLC June 2023 – Jan 2025

Google Map Redesign - Payment Locations, Nuclear Safety

https://www.duke-energy.com/home/billing/payment-locations

https://www.duke-energy.com/safety-and-preparedness/nuclear-safety/catawba-map

https://www.duke-energy.com/safety-and-preparedness/nuclear-safety/harris-map

Google map redesign uses the latest Google map API version to build react map components on Duke public web and mobile web for business needs and public awareness.

MAM - My Account Modernization

MAM is for customer accounts management, personalization, billing management, and payments, it uses React frontend and migrates from existing augular.js web. MAM has a new and Modern UX for UI and it uses next.js for production, Sitecore as content management, façade API, C#, and ASP.net as the backend.

Sr. Frontend React Developer Client Project Lowes, Charlotte, NC

April 2022 – May 2023

MRV Returns UI

MRV Returns UI handles Lowes returns checkout flow and enables the store assistant to manually enter Invoice, receipt, item, and numbers, or scan the items, and it has UI static data features by DACI.

Key Achievements:

Solved difficult technical problems with flexible, scalable, maintainable, and extensible solution designs.

Conducted root cause analysis of issues, and reviews new and existing code.

React UI Lead Developer Client Project AT&T, Plano, TX

February 2021 – March 2022

Unlock UI

https://www.att.com/deviceunlock/

Support Common Widget

https://www.att.com/support/topic/u-verse-high-speed-internet/

Smart Home Manager

SHM is a new design application that provides Network connection dialog and speed test for AT&T Customers who use AT&T devices to manage their home devices with the AT&T users account and login.

Key Achievements:

Developed Accessibility features depending on WCAG compliance and web accessibility requirements and standards, used ANDI tool to debug Accessibility defects, fixed Support Common Widget CATO Accessibility production defects.

Analyzed, troubleshot, and architect solutions to solve defects, challenges, incidents, and production issues.

Full-Stack Developer Client Project Ameriprise Financial Inc, Minneapolis, MN

July 2019 – January 2021

Business Alliance Process Improvement

eSignature uses react frontend and has rich reusable, libs functions, data dependencies from homepage, and frontend components, it serves as a platform for holding applications and integrations with forms and business workflow, linking application by context and routing to eSign so the advisors and clients can perform eSignature for different WIP – work in process applications.

Signing packets use react frontend and provide a signature pad for advisors, clients, or non-client to sign PDF in WIPs that routes from eForms manager, and the applications integrated in the eSignature platform for multiple signer documents eSignatures.

eSignature services run backend application services that provide signed pdf documents business, which uses CRE – central rule engine for pre-process user relationship checking for form submission.

Key Achievements:

Created API in controllers and services to consume upstream internal services, used Java Spring boot microservices to implement CRE – Centralized Rule Engine services by rulebook, debugged signed Documents and tested rules services.

Enhance eForms Manager and eSignature platform applications based on new business requirements from BA team for line of business to create functional design documents and customize various modules.

Frontend React Developer Client Project Wells Fargo, Charlotte, NC Anagh Tech Inc Feb 2018 – June 2019

CBUW (Credit Bridge Under Writing)

CBUW simulates the process for creating new credit applications in actual business with its simulator migrating from the existing schema to current CBUW schema.

CBBSRI (Credit Bridge Business Service – Rule Integration)

CBBSRI serves the Business Service operated by Wells Fargo, moves the services online, and facilitates the managers to review, modify, approve, withdraw, deactivate, update, or save the Business Rules. It includes Dashboard Module and functionalities such as rule popup modal depending on business requirements.

CBDAO (Credit Bridge Deal Approval & Onboarding)

CBDAO serves the Credit Product line of business in Wells Fargo, including Current/Proposed Exposure, Deal Tracking, Approval, Product Application, Product Detail, related Party, Borrower and so on.

Frontend Developer Best High Technologies LLC, Princeton, NJ Jan 2017 – Jan 2018

bTrade stock Trading platform, internal Timesheet record frontend development, and company web page development.

Used Angular to create a Single Page dashboard and provide stock real time data.

Created reusable business logic, transferred and shared data between different controllers and services.

Implemented table and Form control using JavaScript and Angular and integrated RESTful APIs with front end Pages by generating JSON data from MySQL Database.

Web Developer Innovatis Technologies LLC, Jersey City, NJ Jan 2016 – December 2016

Shopping Cart Web/UI development and deliver UI features including items list, form control, data order, and services.

Developed SPA Single Page Application using AngularJS and MVC pattern and angular custom Directives for DOM manipulation and code reuse.

Consumed RESTful web service, processed, transferred JSON items list data using Angular factory and service.

Electrical Engineer China Guodian Corporation, Zhaoqing, China August 2011 – Dec 2013

Education

Online Master of Computer Science Harrisburg University of Science & Technology January 2019 - January 2021

Master of Electrical Engineering Stevens Institute of Technology January 2014 - December 2015

Bachelor of Electrical Engineering and Automation Guangdong University of Technology July 2007 - July 2011

Certifications

Java Data Structure & Algorithms – [Scott Barrett]

Next.js Ecommerce Platform – [Brad Traversy]

React Full Stack Development with Spring Boot – [Senol Atac]

Highlighted Projects

E-Commerce Platform: Developed complex UI with real-time data visualization using React and Chart.js, Built configurable multi step forms with performance optimization.

Finance Analytics App: Implemented complex state management and API integrations for real-time reporting and analytics tracking.

Additional Info

Availability: Immediate for C2C contracts

Location: Open to remote or hybrid or onsite roles

Portfolio: github.com/XinLiu1223

Contact this candidate