Todo List
Build a responsive todo app with modern UI
Content
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.
Related Prompts
Habit Tracker
Create a habit tracking application
Create STYLE_GUIDE.md
This prompt assists users in creating a comprehensive STYLE_GUIDE.md for their projects. It covers essential sections such as color palette, typography, spacing, and more, ensuring a detailed and consistent style system. Users can also include example component design references.
Interactive Quiz
Develop a comprehensive interactive quiz application
Gemi-Gotchi
Gemi-Gotchi is a mobile-first virtual pet powered by Gemini 2.5 Flash. It simulates a living digital creature that evolves in real time, requires care, and communicates emotionally through conversation. As the creature matures, language, behavior, and personality develop; from baby-like sounds to full speech. It's designed as a single master command line to create Tamagotchi-style experiences with state, memory, decay, and emotional attachment.