Commissions

Bargreen used a completely manual process to calculate and divvy out commissions on sales. The application we designed automated a huge portion of the process and also added a logic builder that enables modifying the amount of commission based on a set of rules.

Tools used

• React
• REST
• Rete.js (flow graph interface)
• Storybook (Styleguide)
• Custom webpack configuration
• CircleCI
• AWS S3 / Cloud Front

Role

Front end developer / Dev Ops.

Design

We began the design process with user flows, describing each task a user would like to accomplish and detailing each individual step. We mocked out the interface in Figma and created prototypes to test on users. We created a few iterations of mock-ups in Figma before we began prototyping the interface. The first working prototypes we're created in React Storybook using mock data.

Dev Ops

For this project we decided to overhaul our deployment pipeline. A coworker and I configured Circle CI to build, deploy, and run tests on our CSS and JavaScript. We also configured it to build and deploy a version of our Application per pull request to make the reviewing process easier.

Features

• Intuitive commission rule builder.
• Filterable table with comparators (<, >, =).
• Component catalog documented in Storybook.