Interactive Project Management Board (Trello-like)
From Wikiprompt, the free prompt encyclopedia
Interactive Project Management Board (Trello-like) A prompt to generate a client-side Trello-like board with four columns, click-to-move task cards, and an add-task button, suitable for Canva AI or similar tools.
Prompt ContentSave
π
Create an interactive project management board similar to a simple Trello, built with HTML, CSS, and JavaScript for purely client-side functionality and no backend. This board should feature four clearly defined vertical columns: "To Do", "In Progress", "Under Review", and "Completed". Start with a few sample rectangular task cards in the "To Do" column.
The primary interaction will be tasks moving between columns. When a user clicks a task card, it should visually transfer to the bottom of the next sequential column, progressing from "To Do" all the way to "Completed". If a task card within the "Completed" column is clicked again, its appearance should change to indicate it is finalized, for example, by adding a strikethrough to its text.
Consider including an "+ Add Task" button that allows users to add a new generic task card to the "To Do" column.
Sign in to see the full prompt
Continue with:
By logging in, you agree to our Terms of Use and Privacy Policy
Usage
This prompt is designed for use with coding. Copy the prompt content above and paste it into your preferred AI tool.
For best results, you may customize the placeholders (indicated by square brackets or capital letters) with your specific requirements.
References
- Category: coding Prompts
- Source: https://x.com/itsPaulAi/status/1922386483593552170
Talk
0 comments