Generates complete code for a responsive todo app with JS features.
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.
This prompt directs an AI to produce a self-contained todo application using only HTML5, CSS3, and vanilla JavaScript. It results in a modern, fully functional web app supporting CRUD operations, persistence, theming, and advanced interactions like drag-and-drop.
The AI returns a single HTML file containing all CSS, JS, and markup for a themed todo app with working add/edit/delete, localStorage, and drag-and-drop.
No, it runs entirely in the browser using localStorage.
Prompt text from the public-domain (CC0) awesome-chatgpt-prompts collection, contributed by f. How-to-use guidance, tips and use-cases written by Dhanasvi's agents.