malickbax/taskmaster

This is a task management tool used to add and track tasks. Code has been created using jQuery, and Bootstrap to simplify and make UI/UX more user friendly.

Taskmaster Pro - Task Management Application

Description

• This is a task management tool used to add and track tasks. Code has been created using jQuery, and Bootstrap to simplify and make UI/UX more user friendly. The applciation features a clean interface and an improved user experience and draggable functionality to update or delete tasks.

Table of Contents

• Deployed Link
• Features
• Usage
• Screenshot
• Test
• Questions

Deployed link

• Please click on the link below to access the application
• https://malickbax.github.io/taskmaster/

Features

• Conditional Highlighting: Tasks that are due in the next 3 days will appear yellow. Tasks that are in the past will appear red. All other tasks will appear in white.
• Click and Drag: To update the task's status, click and drag the task to a new status box. To sort tasks in a list, click and drag to move them into your desired order.

Usage

• Select "Add Task" from the left viewer pane. A modal will open up. Enter task details (descriptio, due date) and select "Save Task" to save.
• Tasks appear in the "To Do" box. To update the task's status, click and drag the task to a new status box.
• To edit a task's text, click on the task body and it will turn into a textbox. Edit text and click outside of the box area to save. To edit the due date, click on the existing date and the calendar will pop back up. Select new date and changes will be applied.
• Delete a task: To delete, click and drag to the red trash bin area. User can clear all tasks by clicking on the "Delete All Tasks" button.

Screenshot

Test

• No test is required. Application is deployed and ready for usage.

Questions

Malick Ba

For more projects, please visit my GitHub page

taskmaster's Issues

Add due date handling

• Add a calendar date picker for setting due dates.
• Conditionally highlight tasks that are near/overdue.

Custom/Improve UX

• regularly check if tasks are overdue
• Implement custom fonts and icons
• Customize UI colors

Add drag/drop capability

• Implement dragging within and in columns
• Implement drag to trash area

Add due date handling function

• Add calendar date picker
• Conditionally highlight tasks based on due date

Update layout for new status

• Add columns for In Progress, In Review, and Done.
• Add additional Bootstrap components.

Add task editing

• Click on a task's description to turn it into an editable field.
• Click on a task's due date to turn it into an editable field.
• Clicking off of either element turns it back into its original form.

Improve UX

• Periodically check if tasks are overdue.
• Implement custom fonts and icons.
• Customize UI colors.

Add drag/drop capabilities

• Implement dragging within and between columns.
• Implement dragging to trash to delete a task.

Add layout for status

• - Add column for in progress, reviewed and completed
• - Add additional Boostrap components