Bonsai Interview Test

The goal is to create the single page provided in the /docs/ folder of this repository. This is intentionally stripped down to allow for better inspection of your core skills and intuition.

The single page should look like the following:

The following should be noted:

1. The back button does not need to work.
2. The 1 of 3 does not need to be hooked up to anything.
3. All other numbers and values on the screen should be hooked up to the real data being pulled in.
4. An order contains several merchantOrders which will each have a heading separating them, in the mock-up you can see this listed as Seller A.
5. The footer listing Terms and Conditions > does not need to lead anywhere. If you want bonus points you can create a new api method for generating a Returns collection document. And, have that footer create the document.
6. The Talk to Someone button should open the help modal. (/docs/help-modal.png)
7. The Call Us button does not need to work.
8. The Close button should work.
9. The quantity button should open the quantity selection drawer from the right side. (/docs/quantity-drawer.png)
10. The back arrow button on the quantity drawer should close the drawer.

Help Modal

Quantity Drawer

The following will be considered:

• Understanding of frameworks, especially React.
• Attention to detail
• Coding style

Install

1. Ensure npm is installed.
2. Ensure meteor is installed
3. meteor npm install

Run

1. meteor npm run start
2. View at http://localhost:3000/

It should look like this initially:

Lint

1. meteor npm run lint
2. Before pushing linting is automatically run.