This part is optional and is not necessary for job application! In this part you're going to implement basic filters for audience browser. Be aware that we assume that you've already completed first step since that implementation is what is required for this step.
In this step you will implement basic filter for our previously built audience browser.
This will split original tree of Audiences to three independent trees user can chose from.
There are three categories of audiences we want to separate in data set. User should be able to select one of these at time and see only audiences which are member of this category. Categories are:
- Authored Audiences - audiences created by user herself.
- Shared Audiences - audiences which other users shared with user.
- In this case structure is flat.
- Curated Audiences - pre-build audiences provided to all users.
- You must not change any of pre-defined types and fixtures.
- However you can use existing files for your implementation.
- Add 3 buttons - one for every category of audiences.
- Clicking on each button activates particular category of audience.
- By default
Authoredaudiences are filtered. - There must by at least one category selected at the time.
- Every-time user changes category she sees its root level.
- In case of shared audiences ignore tree structure and display audiences in single level without any folder.
- Final solution should be compilable to html app or should contain HTML and source compilable to JavaScript included in HTML.
These are things you might consider thinking about:
- What are the best types for defining this state?
- What is the most efficient way to split (group) audiences to categories?
Thank you for picking up this challenge! You're amazing. I have no words. As always let us know in case you need any help. Good luck!🚀