प्रतिक्रियाशील टूडू ऐप पूर्ण CRUD और LocalStorage के साथ

एक उत्तरदायी टोडो ऐप HTML5, CSS3 और वैनिला जावास्क्रिप्ट के साथ बनाएं। ऐप में CSS Grid/Flexbox का उपयोग करके एक आधुनिक, स्वच्छ UI होना चाहिए जिसमें सहज नियंत्रण हों। पूर्ण CRUD कार्यक्षमता (कार्य जोड़ें/संपादित करें/हटाएं/पूर्ण करें) को स्मूथ एनिमेशन के साथ लागू करें। कार्य वर्गीकरण को रंग-कोडिंग और प्राथमिकता स्तरों (निम्न/मध्यम/उच्च) के साथ शामिल करें। डेट-पिकर घटक और रिमाइंडर सूचनाओं के साथ नियत तिथियां जोड़ें। सत्रों के बीच डेटा दृढ़ता के लिए localStorage का उपयोग करें। स्थिति, श्रेणी और दिनांक सीमा के लिए फिल्टर के साथ खोज कार्यक्षमता लागू करें। HTML5 ड्रैग और ड्रॉप API का उपयोग करके कार्यों की ड्रैग और ड्रॉप पुनः क्रमबद्धता जोड़ें। सुनिश्चित करें कि डिज़ाइन मीडिया क्वेरीज़ का उपयोग करके उपयुक्त ब्रेकपॉइंट्स के साथ पूरी तरह से उत्तरदायी है। एक डार्क/लाइट थीम टॉगल जोड़ें जो उपयोगकर्ता की सिस्टम प्राथमिकताओं का सम्मान करता है। बेहतर UX के लिए सूक्ष्म माइक्रो-इंटरैक्शन और ट्रांज़िशन जोड़ें।