To-Do List

Use HTML5、CSS3 and vanilla JavaScript Creates a responsive to-do application. The application should be modern, clean. UI，Use CSS Grid/Flexbox and visual controls. To complete it with a fluid animation. CRUD Function (add/Edit/Delete/(b) To fulfil its mandate. Including colour codes and priorities (low)/Medium/) Job classification. Use the date selection component and the alarm notification to add the deadline. Use localStorage Saves data between sessions. The search function is performed by a filter with the status, category and date range. Use HTML5 Drag and Drop API Adds a drag-and-drop reordering task. Use media queries to ensure that the design is fully responsive through appropriate breakpoints. Including respecting the preferences of the user system./Light theme switch. Add subtle micro-interactivity and transition to better user experience.