Congratulations! You are officially being nominated for The Internets first annual 100% real (but also not real) Moderator contest! Sir Moddy McModerator, The Internet's chairman of the board has requested that you can prove that you know how to not only moderate, but to moderate in the most fair way imaginable. In order to do this, he has requested that you build a simple react app that has a few functions. Here are his demands:
REQUIREMENTS:
- Create a react app without the use of local state, and instead, replace it with redux.
- Using the data provided, create a list view that can display data in an efficient manner.
- From there, create an action that will:
a. Allow you to delete a comment from the list.
b. Maintain a record of how many comments you have deleted so far
c. BONUS: If you have time, allow a reason to be added as to why you are deleting the comment. - In a seperate view, create a simple vertical bar-chart that shows:
a. How many comments you have deleted and are no longer active
b. How many comments are still active
c. How many comments Sir Moddy McModerator hates
d: BONUS: Under said bar chart, create a list of the reasons the comments were deleted, that reference the comment's original id.
KEEP IN MIND: - Make sure there is a way to navigate between the two views.
- This app should function properly in at least the latest Firefox, Chrome and Edge Browsers (even though Sir Moddy McModerator hates Edge)
- when possible, please push your work up to git, as to establish a historical record of the work that you are completing. For the sake of this challenge, if its been an hour without pushing to git, might as well make another push.
- Please do not directly alter the comments.json file. This should act as your 'database', and the data should be pulled into the app/redux in order to be manipulated.
- If you have any questions please reach out and ask. Prior to and during the challenge.
- Sir Moddy McModerator would appreciate you building this app using more plain JS than libraries. This does not apply to the necessary libraries needed for this challenge (react, redux, thunk, router, etc.)