GM2 Technical Interview - Dynamic Lists

General Requirements

1. Googling and any other everyday tool is accepted.
2. All questions are allowed, and even encouraged. As interviewers we can decide not to answer a question if we are evaluating on that topic, but that's for us to decide! Ask away!
3. Code, folders and styling structure must be clean, mantainable and scalable.
4. Styling will be considered, so apply the styles you consider necessary.

Interview Exercise Requirements

1. Fetch users from the provided endpoint, and display them in a list

   • Endpoint: https://64fb193acb9c00518f7aa434.mockapi.io/api/v1/users
   • Each user row must show:
     • User Avatar
     • User Name

2. Separate the users in lists based on the "roles" field

   • Each list must contain the users that contain each role. (See expected result below)
   • All users must be in at least one list.

3. Add a select that generates list based on one of the following props

   • "roles"
   • "tags"

admin

• Marcella Murray DVM
• Gloria Hane
• Mrs. Cody Muller
• Sophia Gibson
• April Hudson
• Karl Osinski
• Candice Schowalter

user

• Gloria Hane
• Mrs. Cody Muller
• Sophia Gibson
• April Hudson
• Lori Watsica
• Woodrow Macejkovic
• Tracey Jacobs
• Candice Schowalter

clerk

• Mrs. Cody Muller
• Sophia Gibson
• April Hudson
• Lori Watsica
• Karl Osinski