Scroll To View More
Hire the top 3% of freelance developers
Congwen Ma

Congwen Ma

Chicago, IL, USA, United States
Member since November 4, 2017
Congwen is a dedicated web developer who specializes in developing full-stack web applications using practical frameworks. He's passionate about solving problems for others; a good solution to him usually requires a dose of creativity that then requires more effort to adapt and perfect.
Congwen is now available for hire
Portfolio
Experience
  • Ruby on Rails (RoR), 5 years
  • React, 5 years
  • Node.js, 4 years
  • PostgreSQL, 4 years
  • Functional Programming, 3 years
  • Vim Text Editor, 2 years
  • Elm, 1 year
Chicago, IL, USA, United States
Availability
Part-time
Preferred Environment
VS Code, Neovim, Git, tmux
The most amazing...
...thing I've made was a Chrome DevTool extension that renders a visual tree graph of my company's proprietary framework.
Employment
  • Software Engineer
    2014 - PRESENT
    Centro, Inc.
    • Constructed a Chrome developer tool to help developers debug and analyze a proprietary state-management framework.
    • Used jscodeshift (a JavaScript codemod toolkit) to make application-wide code changes to replace deprecated APIs and code syntax.
    • Constructed middleware that allowed React work with our proprietary model framework.
    • Built and analyzed an ad exchange platform with React/Angular 1 frameworks.
    • Developed friendly Ruby on Rails APIs for our front-end application.
    Technologies: Ruby on Rails, React, Angular 1, PostgresSQL
  • Software Engineer
    2012 - PRESENT
    Sears Holdings Corporation
    • Developed responsive mobile web applications with AngularJS.
    • Mentored experienced developers who were new to JavaScript.
    • Analyzed front-end technological options (CSS frameworks, Protractor, design patterns, and more) and helped the team settle upon our technology foundation.
    • Led the development of Sears eCoupon application with a similar criteria and oversaw its deployment and integration with Sears' subsidiary domains.
    Technologies: Angular 1, jQuery, Java
Experience
  • Cartographer (Development)
    https://statechart-cartographer-54321.herokuapp.com/

    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.
    • Back-end developers 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.

  • Xiang Qi (Development)
    https://xiangqi-19724.herokuapp.com/#app

    A complete JavaScript attempt of 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 of gains around these options.

  • eCoupons (Development)
    https://www.shopyourway.com/mp/app/10041/l

    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.
    • Optimizing 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

  • Song Cloak (Development)
    https://songcloak.herokuapp.com/

    A video player that uses a YouTube third-party JavaScript library and Google OAuth 2. I developed it in React.js and Rails and this application loads your favorite playlist from your YouTube account and plays the content by embedding the video's content in a video tag.

  • Memory Game (Development)
    https://congwenma.github.io/memory_game/

    A simple game that looks for two identical tiles at a time. The UI was built with React.js and MobX was used for state management.

  • Chess in Elm (Development)
    https://congwenma.github.io/chess.elm/

    A simple chess game built in Elm. Some advanced moves such as castling and promotions were left out. This was made mainly to visualize and understand Elm's behavior in handling DOM manipulation and large computations.

  • Centro Media Manager (Development)

    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 maintaining and designing the APIs that connected our in-house JavaScript frameworks for communication with third-party APIs such as React.js.

  • Sears White Label Cart and Checkout (Development)
    https://m.sears.com

    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.

Skills
  • Languages
    Ruby, JavaScript, TypeScript, CSS, Elm, Bash Script, Java 6
  • Frameworks
    Hyperapp, Electron, Ruby on Rails (RoR), AngularJS, Bootstrap, Redux, Protractor, Express.js
  • Libraries/APIs
    React, Statechart.js, Node.js, D3.js, Vue.js
  • Tools
    Webpack, Jscodeshift, Vim Text Editor, Rollup
  • Paradigms
    JavaScript Design Patterns, Behavior-driven Development (BDD), Functional Programming, Agile
  • Platforms
    Visual Studio Code, MacOS, Linux
  • Other
    Mobile Web, Elm Architecture
  • Storage
    PostgreSQL, MySQL
Education
  • Bachelor of Science degree in Infromation Systems
    2008 - 2012
    SUNY Stony Brook University - Stony Brook, NY, USA
Hire the top 3% of freelance developers
I really like this profile
Share it with others