JA
Jerald Alejandro

Task Board - Copy this React, Tailwind Component to your project

Create-an-interface-for-tracking-software-development-tasks,-segmented-into-three-main-columns:-Backlog:-This-section-should-be-on-the-left,-with-a-list-of-task-cards.-Each-card-should-have-a-title-reflecting-the-feature-request,-a-short-description-of-the-task,-and-a-"New-Feature"-status-label.-Include-the-ability-to-attach-screenshots-below-the-description.-In-Progress:-The-middle-section-should-have-a-similar-structure-to-the-Backlog,-with-task-cards-that-include-a-title,-description,-and-"New-Feature"-status-label.-This-column-should-convey-tasks-that-are-currently-being-worked-on.-Done:-The-rightmost-section-lists-completed-tasks.-These-cards-should-maintain-consistency-in-design,-showing-the-task-title,-description,-and-a-"New-Feature"-label.-Each-task-card-should-display-a-small-profile-picture-of-the-assigned-developer-at-the-bottom.-The-UI-should-be-clean-with-high-contrast-between-the-text-and-background-for-easy-readability,-and-there-should-be-a-visual-distinction-between-the-columns.

Prompt
Component Preview

About

TaskBoard - Track development tasks in three columns: Backlog, In Progress, Done. Features task cards with titles, descriptions, and s. Download free code!

Share

Last updated 1 month ago