In this exercise, you will have to craft and implement a page from one of our apps. Here is a link to a mockup on figma: https://www.figma.com/file/ZttV7gZOn3N9DMGuJea63DOt/SW-Frontend-UI-Test?node-id=0%3A1 . You will need to sign up for a figma account to make full use of the available functionality.

Your task is to implement an app that looks as close as possible to the mockup. In addition to the layout, you are also expected to implement the following functionality:

  1. When the user clicks the All tab, they should see All Teams
  2. When the user clicks the Favorites tab, they should only see their Favorited Teams
  3. When the user clicks on the Archived tab, they should only see Archived teams.

You are expected to interface with a mock API response that you can find at the end of this exercise. Ingest the data however you see fit. You are not required to load the data directly from the file.

Once you're done with your solution please submit it along with detailed instructions on how to build it along with your application.

Mock data:

data.json

Interviewer notes:

  1. Good followup questions

    1. Implement search
    2. Implement favoriting a team
    3. Implement archiving a team
    4. Implement creating a team

    bonus: