Account Manager Senior

Xin Liu

C*C Consultant **********@*****.*** 201-***-****

Corp to Corp contact Even Ke 909-***-**** ****.**@********.***

SUMMARY:

Extensive 10+ years of experience as a Frontend UI Developer in web application development with proficiency in using HTML, HTML5, CSS, CSS3, JavaScript, TypeScript, React, and AngularJS.

Experience in all phases of SDLC like Requirements Analysis, Implementation, Enhancement, Maintenance, and extensive experience with Agile and Scrum.

Over 8 years of hands-on experience in React and building Responsive Web page, Mobile Web, components and developing Single Page Applications - SPA using React Router.

Expertise in creating Custom Reusable React components in working with React Hooks and custom Hooks for application state management.

Good Experience in implementing interactive UI using one way data flow, JSX, and React Native concepts.

Expertise in creating page layouts and style sheets using CSS preprocessors such as SASS and developing Responsive Web Applications with CSS Media Queries and frameworks such as Material UI or Bootstrap.

Expertise in version control tools Git / bitbucket, package manager npm, tasks tracker JIRA, and Jenkins for application building and deploy pipeline with CI/CD Continue Integration and Continue Deployment.

Expertise in Restful API calls (GET, POST, PUT, DELETE) consuming web services using JavaScript, axios, promise, React, Redux, AngularJS, and json.

Strong Web Application debugging skills using Chrome Developers Tool and working knowledge of solving and testing cross-browser, cross-platform compatibility issues for inconsistencies.

Experience in JavaScript unit testing libraries and frameworks like Jest, Enzyme, and React Testing Library.

Experience in module bundler Webpack and JavaScript compiler Babel to configure JSX, ES, and TypeScript.

Strong working knowledge on AWS, S3, EC2 and load balancing, and GCP container for cloud projects.

Experience in Software Design Patterns like MVC, Java and Spring boot, dependencies manager Maven and Gradle, and Relational databases MySQL and NoSQL databases MongoDB, Python, and NodeJS.

Experience in leading web UI projects, tasks, documents, development, and code review.

TECHNICAL SKILLS:

Programming Language: HTML, CSS, JavaScript (ES6), Typescript, Java, SQL, Python

Frameworks/libraries: React, React Hooks, Redux, React Testing Library, Jest, AngularJS, Spring Boot, NodeJS

Tools: Git, bitbucket, npm, yarn, maven, Webpack

Operating Systems & IDEs: MacOS, Windows, Linux, VS code, IntelliJ, Eclipse

EXPERIENCE:

Duke Energy, Charlotte, NC June 2023 – till date

Sr. Front-End React Developer

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

Responsibilities:

•Communicate with UX, PM, and QA to determine requirements, use Figma design tool for app and react component dev, implement custom clusters and markers by PNG or SVG from design, and create Restful API call to get Duke map json data to render the markers.

•Create and use useRef to link to google map marker and clusters DOM ref for DOM manipulations such as add or remove markers on the map, attach native event listener such as on hover, click, mouse enter or leave to update active marker style for user interaction.

•Involved in working on duke DXT web services and frontend routing AWS migration using Lambda.

•Create high quality, maintainable, and reusable code using Typescript, JavaScript, and JSX for react components, utility functions, customer hooks, and state management by the useReducer, createContext, Provider, and useContext.

•Investigate current dashboard AngularJS code and clear logic for UMC - Universal Marketing Consent, document UMC current state in Micro, and migrate to react MAM dashboard.

•Use electron UX design and micro wireframe to implement modernization UI in react Frontend for dashboard Billing and Payment programs, additional Offerings, and tailwind dynamic responsive class calculation and mapping.

•Consume Sitecore data to display layout, components, static content, and facade API to determine eligibility for Billing and Payment programs enrollment, fetch additional data such as Auto pay schedule date to feed the UI.

•Work on Step Views, multiple Modals, forms submit, and frontend logics on state management and calculations to serve UI functions and wrap the content management system such as Sitecore data to pass into the component as company standard reusable content data complement.

•Use useMemo, useCallback to prevent unnecessary children component re-render, use performance dev tool to improve performance.

•Config Jest test coverage report for application development and building process.

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

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

Environment: AWS, Figma, React Hooks, TypeScript, Electron, Tailwind, Jest, React testing Library, Sitecore, API

Lowes, Charlotte, NC - Remote April 2022 – May 2023

Sr. Front-End React Developer

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.

Responsibilities:

•Worked with step views, react routers, global header, 2 sides action panel, main page content, responsive page layout by CSS flex, Media Query, and breakpoints, and encapsulated react atom components by Material UI.

•Designed and developed new React components for Refund Cash to Debit and Manager Override Flows, and integrated with business logic, form validation, input fields control by useRef.

•Implemented global state management by combining useReducer, createContext, Provider, useContext, and used new react dev tools such as useReducer and useContext for debugging and troubleshooting

•Used useCallback and useMemo to improve performance, and decomposed event listeners from loop element, used data-id and moved callback handler to upper layer element.

•Created and enhanced react customer hooks, wrapped with reusable functions and states, returned useMutation in react-query to consume in components.

•Applied Observable Design Pattern, added observable objects to grid source props, and notified observer for data updates and changes, used react-query for API call response data and state management.

•Worked with design system Figma and Involved in production and QA process and used scss to add nested rules, variables, and selector inheritance for component style.

•Implemented UI Automation test by cypress, upgraded tech to cypress cucumber by fixtures, steps definitions, pages, improved unit test case and code coverage by renderHook, keyboard fireEvent, and mocked server to set response data and react Query data.

•Provided tech Solutions for different tabs data communication, change; and pass by localStorage and useEffect.

•Configured project and worked with Jenkins server for Continue Integration, include and config Jenkin file in the project for pipeline and stages such as install dependencies, rebuild node-sass, run test, and build app.

•Worked with Docker for GCP - Google Cloud Platform and Continue Deployment, config Docker file in the project to build the frontend docker image, expose docker container port and deploy on GCP.

Environment: GCP, CICD, React Query, HTML5, CSS3, Figma, Sass, Material UI, React Hooks, Jest, Cypress, React Testing Library, Cucumber, Media Query

AT&T, Plano, TX - Remote February 2021 – March 2022

Front-End React Lead Developer

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.

Responsibilities:

•Created reusable HOC - Higher Order Component in Unlock UI to load AEM Adobe Content Management data by CMS feed API call, passed and filtered by page name property to divide CMS json for each page components.

•Implement React frontend applications and components with well-versed developing practices like form fields, step views, and failed API calls.

•Developed CATO features for Accessibility depending on AT&T web accessibility requirements and standards.

•Used ANDI tool to debug Accessibility defects, fixed Support Common Widget CATO Accessibility defects.

•Implemented the complex Time Picker component and input validation, cursor control by useRef.

•Integrated Login component for Smart Home Manager, provided route and redirect back to network landing page by browser history, enforced user login by checking browser cookies, investigated long polling react to consume dynamic data and server connection.

•Configured API call request headers, Authorization, security-token, request Id, tested services in postman, and implemented API call by fetch, and async await.

•Used Flex, Grid, Media query to create page layout, fixed style override issues and merge conflicts.

•Optimized Performance and code quality, refactored, improved coding structure for scalability, and reduced page loading time for high performance. Ensure the technical feasibility of UI/UX designs and user friendly.

•Worked with SSR - Servers Side Rendering framework Next.js and used app shell for local react CSR - Clients Side Rendering.

•Worked with CICD tools, Jenkins, and AT&T ECO deployment pipeline, fixed failed build, troubleshoot and debug frontend side, released new features and functionalities to production.

•Analyze, troubleshoot, and architect solutions to solve defects, challenges, incidents, and production issues.

Environment: AEM, CMS, Cato, Accessibility, Andi tool, cookies, SSR, Next.js, React, React Hooks, CICD, VS code

Ameriprise Financial Inc, Minneapolis, MN July 2019 – January 2021

Full-Stack Developer

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.

Responsibilities:

•Worked closely with backend, design, and QA to debug and implement new product features and enhance eForms Manager and eSignature platform applications based on new business requirements from BA team for Ameriprise Financial Inc's line of business for creating functional design documents and customizing various modules.

•Created React components using JSX, used Redux Architecture for data flow and manage data in React state and redux reducer, used redux-thunk dispatch for asynchronous actions for API calls, and fetch services AJAX call by axios.

•Troubleshot production issues on frontend side and released new enhancements and functionalities to production.

•Enhanced, refactored existing code, debugged business logics, and fixed Mobile Web production issues.

•Implemented Stand-alone React components, reusable functions and developed responsive design website that could be served to desktop, Tablets, and mobile users, and used Material UI to create atom components.

•Developed the web application with the newest React features, typescript, and centralized react state with Hooks.

•Passed and fetched correct Id array at redux and selector level for code patch. Build utility functions for object arrays intersection operations.

•Worked with java and Spring boot to implement CRE – Centralized Rule Engine services by rulebook, debugged signed Documents and tested rules services.

•Used Postman to check Java Spring Boot microservices and the response and JSON for frontend development.

•Used Spring boot to create API in controllers and services to consume upstream internal services.

•Analyzed, troubleshot, and architect solutions to solve challenges, incidents, and production issues, involved in all levels of project life cycle from concept to specifications for production.

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

•Worked with product manager and other team members for user support and process improvements.

Environment: Java, Spring boot, rulebook, Rule Engine, Postman, Json, IntelliJ, Agile, Mobile, React, Material UI, QA, TypeScript, Redux, React Hooks, VS code, MacOS

Wells Fargo, Charlotte, NC February 2018 – June 2019

Front-End React Developer

CBUW (Credit Bridge Under Writing)

CBUW simulates the process for creating new credit applications in actual business with its simulator migrated 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.

Responsibilities:

•Built Modules, Components, and Simulator view with HTML5, CSS3, ES6, React.js, and Redux.

•Migrated XML+SOAP web application to JSON and RESTful, React Application, and implemented single top level stateful component and passed down information as props to child components.

•Designed and developed the Exposure page and module, from the entrance in Portfolio landing page to Exposure, implemented functionalities depending on business requirements and Tab View for switching between the Current and Proposed Exposure.

•Implemented form field data binding, combined form field validation, and passed form state object to react render method for synchronous form data rendering and validation.

•Implemented React state management using Redux and well-designed Redux state structure from the redux state to the component level local state.

•Designed React code structure and developed SPA (single page application) using React Router.

•Used WF-RIA Wells Fargo reusable react components for UI view development.

•Used sass CSS preprocessor to minimize complexity and avoid duplication in CSS styles.

•Developed Container components as data logic layer for the UI components connected by Redux and React.

•Used npm/yarn to manage the necessary packages such as babel, webpack-dev-server, sass loader and react-hot-loader.

•Used OpenFin desktop platform to develop and run the react UI for desktop version.

•Implemented asynchronous actions using redux-thunk middleware, worked with dispatch for serial API calls, designed and developed the loading data conditions.

•Debugged frontend by Chrome Dev Tools, debugger, react and redux dev tool.

•Set up a local Node JSON server to serve the POST request for form submission with mock JSON data before the real Java services are ready.

•Consumed java web service to load rules data and post to save the rules and use D3.js to visualize data.

•Collected requirements, performed requirement analyze, created JIRA story, collaborated with backend team, and involved in Agile development.

Environment: Agile, Jira, OpenFin, ReactJS, Redux, webpack, D3, Restful, Postman, Node Json Server, Java, Spring, Oracle SQL, VS code, Windows

Best High Technologies LLC, Princeton, NJ January 2017 – January 2018

Front-End Developer

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

Responsibilities:

•Created good looking front-end web page using HTML, CSS, AngularJS, and Bootstrap.

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

•Consumed RESTful web service to request and get dynamic response from server.

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

•Implemented Form validation using Regular Expressions, custom form controls.

•Developed reusable components, UI modules, components, functionalities, and perform DOM manipulation.

•Involved in creating cross browsers compatible and responsive web pages using Bootstrap.

•Implemented table and Form control using JavaScript and Angular.

•Integrated RESTful APIs with front end Pages by generating JSON data from MySQL Database.

•Collaborated with Server-Side Development and interacted with Project Management.

Environment: HTML, CSS, AngularJS, Bootstrap, Restful API, AJAX, Sublime, Java, Spring MVC, MySQL, Eclipse

Innovatis Technologies LLC, Jersey City, NJ January 2016 – December 2016

Web Developer

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

Responsibilities:

•Built the shopping cart UI using HTML, CSS, AngularJS, and Bootstrap.

•Developed SPA Single Page Application using AngularJS and MVC pattern.

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

•Developed angular custom Directives for DOM manipulation and code reuse.

•Implemented form controls, processed shopping items data by angular built-in form directives.

•Implemented common CSS for UI layout and Responsive web design by Bootstrap.

•Checked cross browser compatibility with different browsers such as Google Chrome, Firefox, and IE.

Environment: HTML, CSS, AngularJS, Bootstrap, C#, ASP.Net, SQL Server, Restful, AJAX, Sublime, Visual Studio

China Guodian Corporation,

Guodian Zhaoqing Co-Generation CO., LTD Zhaoqing, China August 2011 - December 2013

Web Developer

Enterprise Management Systems development – Employer Info Management & Time Card.

Responsibilities:

•Worked with JSP to implement the Employer Info Management page with Timecard grid.

•Implemented HTML, CSS and JavaScript for the view logic by requirement.

•Used Spring MVC, Servlet, Java for form action, integration, and test.

•Used templates from design for table display and created button functionalities for form submission.

Environment: HTML, CSS, JSP, Java, Spring MVC, Hibernate, Eclipse

EDUCATION:

online Master of Computer Science:

Harrisburg University of Science & Technology Harrisburg, PA January 2019 - January 2021

Master of Electrical Engineering:

Stevens Institute of Technology Hoboken, NJ January 2014 - December 2015

Bachelor of Electrical Engineering and Automation:

Guangdong University of Technology Guangzhou, China July 2007 - July 2011

Contact this candidate