• Create a Similar page to TODO App with Item Count using the Provided Boilerplate

1. Clone/Fork this repository https://github.com/riteshf/rct-101-e1.git
2. navigate to the folder cd rct-101-e1
3. npm install
4. npm start

• App
  • TaskApp
    • TaskHeader
    • AddTask
    • Tasks
      • Task
        • Counter

Note - Make sure you use only the given components and dont create new files and folders as chaging component name, structures might result in giving you zero marks

• tasks.json
  • Initial Tasks to be shown on screen.

Note - Make sure you use only the given data and dont create new data, as chaging data might result in giving you zero marks

1. User should be able to add task from AddTask component.

   • User Should not be able to add empty task.
   • User Should not be able to add duplicate tasks.
   • Whenever a new Task is added count value is 1 by default.

2. User Should be able to mark Task as Completed in Task component.

3. Every Task should have different internal Counter with values.

Note - Make sure you implelement features one by one and deploy the app correctly

1. Do not use Global CSS, instead use <componentName>.module.css convention for Css in that file.
2. Do Not Remove data-cy="xxxx" from anywhere, this are used by testing tools to test your code, removal of this will lead to low score.
3. Make sure you use only the given components and dont create new files and folders as chaging component name, structures might result in giving you zero marks
4. Make sure you use only the given data and dont create new data, as chaging data might result in giving you zero marks