Todo List
「ToDoリスト」
A comprehensive todo list application built with local data storage and API integration. Features include drag-and-drop interface, smooth animations, customizable themes. Perfect for developers looking to build modern web applications with professional-grade functionality.
「ローカルデータストレージとAPI統合を備えた包括的なToDoリストアプリケーション。ドラッグ＆ドロップインターフェース、スムーズなアニメーション、カスタマイズ可能なテーマを特徴としています。プロフェッショナルレベルの機能を備えたモダンなWebアプリケーションを構築したい開発者に最適です。」
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.