kishan2406 / rm-101-e1

Task

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

Getting Started

1. Fork this repository https://github.com/riteshf/rm-101-e1.git
2. Clone the forked app from your github account..
3. navigate to the folder cd rm-101-e1
4. npm install
5. npm start

Understanding Component Structure

• 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

Understanding Data Structure

• 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

Features to build

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

General Instructions (IMPORTANT)

1. Do not use Global CSS, instead use <componentName>.module.css convention for Css in that file.
2. Do Not Remove data-testid="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