Can Anyone help me with an approach for a challenging Reactjs problem?

Please follow the mentioned guidelines while doing this assignment:

  1. Create a UI using ReactJS and SASS.
  2. Use React to create 2 different components to append selected values on the right-hand column with the headings using Redux States (Refer Page Test1@2x.jpg)
  3. Please make sure that if we uncheck the left checkbox then that value should be removed from the right-hand column.
  4. When all the options are unchecked from any heading then all the values and heading will also be removed from the right-hand column.
  5. Please make sure that if we remove an option from the Right side column, then that respective option should get unchecked automatically. (Refer page Test2@2x.jpg)![Test 2@2x|690x388]

Welcome to the forum!

As you say yourself this is an assignment, we’re not going to do the work for you.

If you’ve already made an attempt, and are struggling with a specific part, please post the work you have completed so far and we’ll try and help you along. What we won’t do, though, is give you a complete solution because handing you the answer is not how you’ll learn. :slight_smile: