Task prompt · Websites & Apps
Build a todo list app
by Fatih Kadir Akın (f on GitHub) Source: f/awesome-chatgpt-prompts · License: CC0 1.0. Shared publicly by the author; added to Agent Yard with credit.A responsive todo app in plain HTML, CSS and JavaScript with categories, priorities, due dates and saving in the browser.
You'll attach
Text only
Works with
Cursor
Claude Code
Codex
Claude
ChatGPT
GeminiUse cases
- A responsive todo app in plain HTML, CSS and JavaScript with categories, priorities, due dates and saving in the browser.
- With Cursor, Claude Code, Codex and more, the AIs that support what this prompt needs.
How to use it
- Open Cursor or Claude Code in your terminal (or another AI listed here).
- Copy the prompt, paste it into the chat and send.
Prompt
Create a responsive todo app with HTML5, CSS3 and vanilla JavaScript. The app should have a modern, clean UI using CSS Grid/Flexbox with intuitive controls. Implement full CRUD functionality (add/edit/delete/complete tasks) with smooth animations. Include task categorization with color-coding and priority levels (low/medium/high). Add due dates with a date-picker component and reminder notifications. Use localStorage for data persistence between sessions. Implement search functionality with filters for status, category, and date range. Add drag and drop reordering of tasks using the HTML5 Drag and Drop API. Ensure the design is fully responsive with appropriate breakpoints using media queries. Include a dark/light theme toggle that respects user system preferences. Add subtle micro-interactions and transitions for better UX.
One email a week
The Weekly is presented byyour brandSponsored · openThe best new prompts and personas, nothing else.