Task Management App

Create login and sign-up pages with appropriate styling and validation.

Ensure login form validates email format and password length.

Ensure sign-up form includes fields for username, email, and password with client-side validation.

Design the sidebar to display a list of projects.

Add a button to create a new project in the sidebar.

Include the user’s name and email in the sidebar with a logout button.

Design the navbar to display the current project name.

Add a dropdown in the navbar for managing project members.

Include a button in the navbar to add new members to the project.

Add a dropdown in the navbar for selecting a project assignee and choosing one from the project members.

Design three columns in the main section labeled To Do, In Progress, and Done.

Ensure each column contains draggable task cards.

Design task cards to include title, tags, optional image, due date, and assignee pictures.

Add a + button in each column to create a new task.

Implement a modal for task creation with fields for task name, task owner dropdown, due date, priority dropdown, assignee dropdown, labels input, attachments upload, and a WYSIWYG editor for description.

Ensure clicking on a task opens a task details modal displaying task information.

Include an Edit button in the task details modal to open the task creation modal with pre-filled fields.

Save edits to update the task information.

Add a modal for adding new users to a project with input fields for email addresses and a message.

Add animations when dragging and dropping tasks between columns.

Show a progress bar in the sidebar to display the number of completed tasks.

Enable task filtering by tags, priority, or assignee.

Add pagination or infinite scrolling for projects in the sidebar.

Implement a dark and light theme toggle.

Make the app fully responsive for mobile and desktop.

Add database support to persist tasks and user data.

Add the ability to delete tasks from columns.