ANDY SHI

609-***-****

Senior UI/Front End Developer

SUMMARY:

* *****+ experience as a Sr. Developer in User Interface and Front-End Development using mainstream Web Technologies such as HTML/HTML5, CSS/CSS3, Javascript, ES 5/6, jQuery, Bootstrap, ReactJS, Redux, Angular 2, AJAX while meeting W3C Web Standards.

Strong knowledge of Front-End Frameworks, for designing crossing browser compatibility for mainstream browsers and portable devices.

Solid experience in developing large scale SPA’s with ReactJS using React-Router.

Experienced in Model View Controller framework such as AngularJS for creating Single Page Application (SPA)

Extensive experience using ES6 features such as Class, Promise, arrow functions etc.

Solid experience using Babel to compile JSX.

Strong experience in managing dependencies by NPM and Bower.

Extensive experience in HTML, CSS and Bootstrap and Media Query to create responsive website to make the website optimal for different devices.

Strong experience in CSS3 preprocessors styling LESS.

Strong experience for using AJAX call in web service for processing JSON format files between front-end and back-end..

Knowledge of developing ADA standard web page.

Experienced in debugging using Firebug, Chrome Element Inspectors and IE Tester or troubleshooting existing code.

Knowledge of manipulate IDE or tools such as Netbeans, Webstorm, Visual Studio, Sublime Text.

Experienced in debugging using Firebug, Chrome Element Inspectors and IE Tester or troubleshooting existing code.

Expert in Test Driving Development using Mocha-Chai-Sinon.

Familiar with using GIT/SVN for software develop version control.

Solid understanding of Software Development Life Cycle (SDLC) Waterfall and other common approaches.

Experienced in Agile Scrum Methodologies and working in Sprint cycles.

Excellent analytic, problem-solving and communication skills and innovative team player.

TECHNICAL SKILLS:

Web Technologies

JavaScript, ES 5/6, jQuery, Bootstrap, AngularJS, ReactJS, Redux, NodeJS, RactiveJS, HTML5, CSS3, AJAX, JSON, React-Bootstrap

Operating Systems

Linux (Ubuntu), Unix, Windows, Mac OS

Testing and Version Control

SVN, GIT

IDE

Netbeans, Webstorm, Sublime Text

Debugging Tools

Firebug, IE Tester, Chrome DevTool

Others

Bower, Webpack, Gulp, NPM, ADA, Agile, JIRA

EXPERIENCE:

Client: Xandr, New York, New York June 2019 - Present

Role: Front end Team Lead

Project: Buyer Monitoring Workflow & Trader Experience

Buyers Monitoring Workflow (BMW) is a new line item monitoring experience focused on supporting the needs of traders who are setting up and tracking ALI performance before, during and after their orders. The UI provides a consolidated set of columns that should quickly tell traders how they're ALIs are performing against their goals and budget, what line items might need attention, and which are doing well.

Responsibilities:

Developed multiple applications front-end/UI using Javascript, Html5, CSS3 with React and Redux.

Used React as the view engine for our app and as a view layer library to build component-based application; implemented reusable components using React which are used in multiple internal projects.

Used Redux for maintaining the state and for monitoring custom UI components.

Developed a responsive Single Page application using React-Router.

Our app’s structure is main container(area) - components which meets our requirement for Higher-Order Component.

Integrated REST APIs with our application using redux-promise and handled async operations on data.

Implemented hot reloading and build process using Webpack, used ES6 features (translated through Babel) and used NPM to manage package dependencies.

Used Bootstrap and media queries to create a responsive website across different size of screens, from smart phone to laptop following ADA standards.

Used AJAX Fetchers consuming RESTful web services in JSON data format.

Focused on resolving cross browser compatibility issues related to CSS and JavaScript.

Created customize LESS library to keep consistency for whole site styling.

Used NPM and Bower to manage application dependencies.

Project was implemented by following TDD using Chai/Mocha/Sinon framework;

Optimized website performance by converting the site to sprites instead of individual images, used Content Delivery Network (CDN), and optimize specific script and styles.

Used version control tools Git and Bitbucket.

Integrated Localization functionality for the website.

Worked on different web-browsers such as IE7, 8, 9, Mozilla Firefox, Wiaondows Chrome, Mac Safari and Chrome.

Used FireBug, Chrome Developer, IE Tester and other debugging toolkit to track and fix bugs.

Participated in the requirements analysis (JAD session) and technical assessments to create user-friendly interface. Involved in translating business requirements into technical requirements.

Performed in an Agile Scrum Methodologies and work instrumentally with the development manager to ensure delivery of solutions that meet or exceed business objectives using JIRA tool.

Review detailed wire-frames and participating in Code Reviews.

Involved in maintenance and support, including defects fixing.

Environment:

HTML5, CSS3, JavaScript, ES6, AJAX, JSON, jQuery, Bootstrap, ReactJS, Redux, Babel, Git, JIRA, Gulp, Node, LESS, Mocha, Chai, Bower, Webpack.

Client: Northern Trust Bank, Chicago, Illinois September 2017- May 2019

Role: Front end UI Team Lead

Project: Northern Trust Client Access

Northern Client Access, or NCA, as part of IT WM TCH - TOP USA CLIENT DIGITAL SOLDEL project, is a convenient, interactive and

responsive single page web application for clients of Northern Trust to access (search, create, edit, delete) their sponsor codes and

DB2 numbers. Based on the external client’s requirement, multiple users can be assigned with customized access level to each and

every sponsor code within one-time request.

Responsibilities:

Developed multiple applications front-end/UI using Javascript ES6, Html5, CSS3 with React and Redux.

Used React as the view engine for our app and as a view layer library to build component-based application; implemented reusable components using React which are used in multiple internal projects.

Used Redux for maintaining the state and for monitoring custom UI components.

Integrated REST APIs with our application using redux-promise and handled async operations on data.

Implemented hot reloading and build process using Webpack, used ES6 features (translated through Babel) and used NPM to manage package dependencies.

Used Bootstrap and media queries to create a responsive website across different size of screens.

Used AJAX Fetchers consuming RESTful web services in JSON data format.

Worked on different web-browsers such as IE7, 8, 9, Mozilla Firefox, Windows Chrome, Mac Safari and Chrome. Participated in the requirements analysis (JAD session) and technical assessments to create user-friendly interface. Involved in translating business requirements into technical requirements.

Performed in an Agile Scrum Methodologies and work instrumentally with the development manager to ensure delivery of solutions that meet or exceed business objectives using JIRA tool.

Review detailed wire-frames and participating in Code Reviews.

Environment:

HTML5, CSS3, JavaScript, ES6, AJAX, JSON, jQuery, Bootstrap, ReactJS, Redux, Babel, Git, JIRA, Gulp, Node, LESS, Mocha, Chai, Bower, Webpack.

Client: JP Morgan Chase, Columbus, Ohio January 2015 - August 2017

Role: Sr. UI Engineer

Project: Chase Personal Online Banking

Direct to Dealer auto loan application as part of Chase Personal Online Banking (CPO) is a convenient web application for dealers, bankers and Chase customers to generate the estimate rate of the loan which the customer may be able to get and give them a detailed report based on the information that JPMC got from the customer’s previous relationship with banks and credit unions.

Responsibilities:

Involved throughout the phases of SDLC.

Responsible for developing Front-End pages using HTML5, CSS3, JavaScript, ES5 and Bootstrap following the W3C standard along with jQuery and AngularJS.

Implemented routers, directives, services, form validation and caching data in AngularJS.

Developed SPA with AngularJS along with using UI and native-routers.

Working as a team to design HTML and CSS to fit into screen of different device.

Used jQuery to traverse through a DOM tree and manipulated the nodes in the tree.

Used package managers like Bower to manage dependencies.

Using jQuery and JavaScript to create user interface and form validation.

Used AJAX to parse JSON objects.

Website validation, maintenance.

Environment:

HTML5, XML, CSS3, JavaScript, AJAX, JSON, jQuery, Bootstrap, Angular 1.4, Git

Client: Stratix, Atlanta, Georgia July 2014 - January 2015

Role: Software Engineer

Project: iTrac360

iTrac360 is a real-time web dashboard that provides visibility into every mobile device in your enterprise. It delivers valuable information throughout all phases of a mobile asset’s life-cycle: from procurement to provisioning, activation, repair, support and retirement. iTrac360 is designed from the ground up to be an extensible data warehouse that presents a single view across your entire mobile ecosystem. The website is designed and implemented followed MVC model architecture with neat, simple and beautiful design using HTML, CSS, JavaScript.

Responsibilities:

Analyzed business requirements and composed the Project Plan Document.

Sorted out the possible scenarios and composed the Test Cases Document.

Working as a team to design HTML and CSS to fit into screen of different device.

Transfer from CSS2 to CSS3.

Using jQuery and JavaScript to create user interface and form validation.

Used AJAX to parse JSON objects.

Website validation, maintenance.

Merged code with the code from other developers using tool WinMerge, checked the code into the repository by using the version control tool MS VSS, recorded bugs and issues by using quality management tool HP Quality Center.

Environment:

HTML5, CSS3, JavaScript, AJAX, JSON, jQuery, Bootstrap, Git

Client: Tianji, JiangSu, China April 2011 - June 2013

Role: Web Developer

Project: Tianji

Tianji is a telecommunication company that provides communications services from dial tone to sophisticated cloud-based technology at low cost. The website is designed and implemented according to MVC model architecture with neat, simple and

beautiful design using HTML, CSS, JavaScript and jQuery. The system initiative focuses on setting repeated-auto-payments and help the clients to manage their orders, check existing services and view service status like 4G data usage.

Responsibilities:

Involved in the requirements analysis, designing, development, testing and maintenance.

Developed UIs using HTML, JSP, jQuery, CSS, JavaScript.

Created Cross-Browser compatible and standards-compliant CSS-base page layouts.

Used CSS Media Queries and CSS Bootstrap to design responsive web pages for better user experience.

Involve in writing application level code to interact with Restful Web APIs, Web Services using AJAX, JSON, XML and jQuery.

Used JDBC for database connectivity with MySQL Server.

Involved in implementing all components of the application including database tables, server-side Java Programming (JSP) and client-side web programming.

Implemented Hibernate to create, retrieve and update database.

Environment:

HTML, jQuery, CSS, JavaScript, Bootstrap, AJAX, JSON, XML, MySQL, JSP.

Education:

M.S. in Computer Science

Wayne State University – Detroit, MI

B.S. in Computer Science

Xidian University – Xian, China

Contact this candidate