Objective:

This project is a small exercise to become familiar with TypeScript in React. Some key learnings include:

1. Defining types for props (state, actions, etc.).
2. Defining types for state and refs.
3. Defining types for various events as parameters of functions.
4. Using definition files (.d.ts) for packages (e.g., drag-and-drop, fonts) and assigning types according to the definitions.

Description:

This is a todo application where users can perform the following actions:

1. Add, edit, and delete tasks.
2. Drag and drop or manually move tasks between the "active" and "complete" states.

Steps to run:

1. npm install
2. npm start

A brief demo is shown in the video below.

plan-pilot-2.mp4