Congwen Ma

A Chrome developer's tool that generates a diagram on-the-fly for applications running on Statechart.js, see more at Github.com/burrows/statechart.js. It helps developers visualize the state of the application and captures applications' live states.

The noticeable outcome of this project includes:
• New developers can understand the purpose of our framework much quicker.
• Enabled the back-end developers to become better at writing front-end state-related code and understanding the underlying framework.
• Reduced the amount of unit testing that needed to be done for state management.
• Provided a common ground for discussions and planning around state management; this tool became the main visual representation used to analyze options.

A complete JavaScript attempt at the popular Song dynasty board game. The pieces and the graphics were rendered using SVG on the React framework. The AI moves were determined by examining and evaluating part or all of the subsequent options and finding the maximum gains around these options.

A simplified version of Shop Your Way mobile coupons application. It has built-in Angular code and is styled mainly in the ShopYour Way proprietary version of Bootstrap.

It provides a list of coupons that have certain categories and availability tagged with them. The user may filter coupons by specifying the criteria (e.g., category). The application was eventually restyled to fit into Sears/Kmart mobile web application. I led a small team of two developers to focus on the user experience distinctions between the tablet and phone.

My main roles in this application include:
• Performant loading and filtering process with the resource APIs which present coupons efficiently to the user.
• Optimized the JavaScript code to achieve a maximum speed between when the data is received and when the coupons are displayed.
• Automated integration with Sears, Kmart, and Shop Your Way.
• Enhanced the end product which included resizing and animating the layout transition from portrait vs landscape view in a pixel-perfect manner.
• Oversaw its delivery and QA feedback.

Official URL:
https://www.shopyourway.com/mp/app/10041/l

Official Sears URL (rethemed and restyled for the tablet):
https://m.sears.com/promos/ecoupons

Centro Media Manager is a cloud-based web application platform designed to help create and execute data-driven digital media campaigns.

I handled the development and communication of its inventory management Rails API. I also built the front-end application as well as maintained and designed the APIs that connected our in-house JavaScript frameworks for communication with third-party APIs such as React.

I developed a white-label cart and checkout feature (including many of its payments systems) that was part of a customizable mobile-based online shopping application that we built at Sears; it mainly focused on cross-platform compatibility and dynamic themes by using Angular 1 and Foundation CSS.

You'll need to simulate a mobile device in order to access the app without being redirected.