cooperate / react-assessment

Created with CodeSandbox

Brand Orders

Overview

Your team is building an admin app to track orders for different brands.

You will be writing React code to display order information, and adding some basic controls for data manipulation.

Use this starting list of brands:

[
    {
      name: "Matter",
      orders: [
        {
          date: "2023-01-20T22:11:43.452Z",
          price: 100
        }
      ]
    },
    {
      name: "Uncoil",
      orders: [
        {
          date: "2022-07-02T09:21:22.222Z",
          price: 95
        }
      ]
    },
    {
      name: "Strawhouse",
      orders: [
        {
          date: "2009-10-31T12:00:01.000Z",
          price: 51
        }
      ]
    }
  ]

Step 1

Your starting point is src/App.jsx. Using the provided list of brands, render a list of brand names.

Step 2

Render a list of orders (displaying name and date) for each brand.

Step 3

Provide the ability to add a new brand.

Step 4

Provide the ability to add an order to a brand.

🍬Nice-to-haves (optional)

(in no particular order)

• Provide the ability to remove an order.
• Provide the ability to remove a brand.
• Write Jest unit tests for your code.

---

📓Notes

Make sure that your code is presentable because you will be presenting it!

Please feel free to ask any questions you may have as you go. We are here to see you at your best and clarifications are encouraged and welcome.

---