Images from the app:

Dummy Login Page :)

Detailed View: A list of all tasks with detailed information after added.

Technical:

• React.js + Context + CSS.

• You Will See:

• list of tasks (2 tasks per row) with task description and status.

• [colored according to the status] (Not Started - In Progress- Finished).

• CRUD Operations (Create - Read - Update - Delete).

• Component to render each task src/Task.jsx

• Bonus Added:

• Sorting By Status, Filtration By Status, Pagination to the list of tasks.

• Dummy Login Page password must be "password".

• Using Caching to cache the list of tasks (Localstorage).

Project Setup

npm install

Compile and Hot-Reload for Development

npm run start

Compile and Minify for Production

npm run build