इंटरैक्टिव प्रोजेक्ट मैनेजमेंट बोर्ड (ट्रेलो-जैसा)

एक इंटरैक्टिव प्रोजेक्ट मैनेजमेंट बोर्ड बनाएं जो सरल Trello जैसा हो, जो HTML, CSS, और JavaScript से बना हो, और पूरी तरह से क्लाइंट-साइड कार्यक्षमता के लिए हो और कोई बैकएंड न हो। इस बोर्ड में चार स्पष्ट रूप से परिभाषित वर्टिकल कॉलम होने चाहिए: "To Do", "In Progress", "Under Review", और "Completed"। "To Do" कॉलम में कुछ नमूना आयताकार टास्क कार्ड से शुरू करें। मुख्य इंटरैक्शन कॉलम के बीच टास्क का स्थानांतरण होगा। जब उपयोगकर्ता किसी टास्क कार्ड पर क्लिक करता है, तो यह दृश्य रूप से अगले अनुक्रमिक कॉलम के नीचे स्थानांतरित हो जाना चाहिए, "To Do" से "Completed" तक आगे बढ़ते हुए। यदि "Completed" कॉलम के भीतर किसी टास्क कार्ड पर फिर से क्लिक किया जाता है, तो इसका स्वरूप बदलकर यह संकेत देना चाहिए कि यह अंतिम रूप से तय हो गया है, उदाहरण के लिए, इसके टेक्स्ट में स्ट्राइकथ्रू जोड़कर। एक "+ Add Task" बटन शामिल करने पर विचार करें जो उपयोगकर्ताओं को "To Do" कॉलम में एक नया सामान्य टास्क कार्ड जोड़ने की अनुमति देता है।