MB-TODO

A simple Vite-React TO DO app

Access the app here: MB-TODO App

Technologies and Libraries Used

• React.js
• TypeScript
• Redux
• Vite
• SASS (SCSS)

Features

Add a New Task

1. Click the "Show task form" button to open the form.
2. Enter the task details and click "Submit".
   • Error Handling: If the task name already exists, a red error message will appear under the task name input.
   • Success: If the task is added successfully, it will be pinned to the "Your tasks" board, and a green confirmation message with an "OK" button will appear.

Task Management

3. Each task has two main options:
   • "Show more info": Reveals additional task details (task body, start/end dates, issued by). The button will change to "Show less info", which hides the details when clicked again.
   • "Delete task": Prompts a confirmation dialog with "tick" and "cross" buttons.
     • Confirm (tick): Deletes the task.
     • Cancel (cross): Cancels the deletion and returns to the initial state.

Bulk Task Actions

• "Delete all tasks": Prompts a dialog to confirm deletion of all tasks.
  • Yes: Deletes all tasks.
  • No: Cancels the deletion.
  • Clicking "Delete all tasks" again hides the dialog.