CareerFlora
AI Tools & Prompts

Todo List Prompt

This is a ready-to-use Todo List Prompt for ChatGPT. Copy the prompt below, paste it into your AI tool and adjust it to your needs.

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.

How to use this prompt

  • Copy the full prompt and paste it into a new chat.
  • Add your own details after the prompt, if needed.
  • Ask follow-up questions to refine the result.

Written by S NAR

Career Expert & Researcher. Dedicated to bringing you the most authentic and verified updates on global scholarships, internships, and career opportunities to help you stay ahead.

Related Opportunities