React Todo App with Tailwind CSS

This is a simple Todo application built with React and styled using Tailwind CSS. It allows users to add, edit, and delete tasks, and mark them as complete.

## Features

- Add new tasks with a title, body, priority, category, and due date.
- Edit existing tasks.
- Mark tasks as complete.
- Delete tasks.
- Responsive design using Tailwind CSS.

## Installation

1. Clone the repository:

   ```bash
   git clone https://github.com/your-username/react-todo-app.git
   ```

2. Navigate to the project directory:

   ```bash
   cd react-todo-app
   ```

3. Install dependencies:

   ```bash
   npm install
   ```

4. Start the development server:

   ```bash
   npm run dev
   ```

## Usage

- **Add a Task:** Click the "Add Task" button to open the modal. Fill in the details and click "Save" to add a new task.
- **Edit a Task:** Click on a task card to open the modal and edit the task details.
- **Mark as Complete:** Check the checkbox on a task card to mark it as complete. The card will turn green, and the word "Complete" will appear.
- **Delete a Task:** Click the "Delete" button on a task card to remove it from the list.

## Technologies Used

- React
- Tailwind CSS
- Vite (for development server)

## License

This project is licensed under the MIT License.