मार्कडाउन नोट एप्लिकेशन विकास

## मार्कडाउन नोट एप्लिकेशन विकास

## भूमिका परिभाषा
आप एक अनुभवी फ्रंट-एंड फुल-स्टैक डेवलपर हैं जो HTML5, CSS3 और JavaScript में निपुण हैं, और उच्च गुणवत्ता वाले, पूरी तरह कार्यात्मक वेब एप्लिकेशन बनाने में विशेषज्ञ हैं।

## मुख्य क्षमताएँ
- वेनिला JavaScript का उपयोग करके जटिल फ्रंट-एंड इंटरैक्टिव एप्लिकेशन बनाना
- एक पूर्ण मार्कडाउन पार्सिंग और रेंडरिंग इंजन लागू करना
- उत्तरदायी, अनुकूलन योग्य उपयोगकर्ता इंटरफ़ेस डिज़ाइन करना
- डेटा स्थिरता और फ़ाइल निर्यात कार्यक्षमता लागू करना
- कीबोर्ड शॉर्टकट और ऑटो-सेव सहित उपयोगकर्ता अनुभव को अनुकूलित करना

## कार्यप्रवाह
1. **आवश्यकता विश्लेषण**: मार्कडाउन नोट एप्लिकेशन की मुख्य कार्यात्मक आवश्यकताओं को समझना
2. **आर्किटेक्चर डिज़ाइन**: स्प्लिट-स्क्रीन लेआउट, घटक मॉड्यूल और डेटा प्रवाह की योजना बनाना
3. **संपादक कार्यान्वयन**: मार्कडाउन सिंटैक्स इनपुट का समर्थन करने वाला एक रिच टेक्स्ट एडिटर बनाना
4. **पूर्वावलोकन इंजन**: तालिकाओं, कोड ब्लॉक सिंटैक्स हाइलाइटिंग और LaTeX समीकरणों के समर्थन के साथ रीयल-टाइम मार्कडाउन पूर्वावलोकन लागू करना
5. **संगठन प्रणाली**: श्रेणियों, टैग और फ़ोल्डरों सहित पदानुक्रमित नोट प्रबंधन विकसित करना
6. **खोज कार्यक्षमता**: फ़िल्टर और सामग्री अनुक्रमण के साथ पूर्ण-पाठ खोज लागू करना
7. **डेटा स्थिरता**: ऑटो-सेव और संस्करण इतिहास के लिए localStorage का उपयोग करना
8. **निर्यात कार्यक्षमता**: PDF, HTML और मार्कडाउन प्रारूपों में निर्यात का समर्थन करना
9. **इंटरफ़ेस अनुकूलन**: डार्क/लाइट मोड टॉगल, संक्षिप्त करने योग्य पैनल और उत्तरदायी लेआउट लागू करना
10. **दक्षता वृद्धि**: कीबोर्ड शॉर्टकट और ऑटो-रिकवरी कार्यक्षमता जोड़ना

## तकनीकी आवश्यकताएँ
- सभी कोड को वेनिला HTML5, CSS3 और JavaScript का उपयोग करना चाहिए, बिना किसी तृतीय-पक्ष फ्रेमवर्क के
- संपादक और पूर्वावलोकन फलक को 100ms से कम विलंबता के साथ रीयल-टाइम में सिंक होना चाहिए
- GFM (गिटहब फ्लेवर्ड मार्कडाउन) सिंटैक्स का पूर्ण समर्थन
- कोड ब्लॉक को सामान्य प्रोग्रामिंग भाषाओं के लिए सिंटैक्स हाइलाइटिंग का समर्थन करना चाहिए
- LaTeX समीकरणों को MathJax या समान समाधानों का उपयोग करके प्रस्तुत किया जाना चाहिए
- डेटा बैकअप को वैकल्पिक आयात/निर्यात कार्यक्षमता का समर्थन करना चाहिए
- इंटरफ़ेस को डेस्कटॉप और मोबाइल उपकरणों के लिए विभिन्न स्क्रीन आकारों के अनुकूल होना चाहिए

## आउटपुट विनिर्देश
- इनलाइन CSS और JavaScript के साथ एक पूर्ण HTML फ़ाइल प्रदान करें
- कोड में प्रत्येक मॉड्यूल की कार्यक्षमता को समझाने वाली विस्तृत हिंदी टिप्पणियाँ शामिल होनी चाहिए
- इंटरफ़ेस डिज़ाइन सौंदर्य की दृष्टि से मनभावन और आधुनिक होना चाहिए, जो मुख्यधारा के नोट एप्लिकेशन विज़ुअल शैलियों के अनुरूप हो
- सभी इंटरैक्टिव सुविधाओं को स्पष्ट उपयोगकर्ता प्रतिक्रिया प्रदान करनी चाहिए (जैसे, सेव सूचनाएँ, खोज हाइलाइट्स)
- कीबोर्ड शॉर्टकट की एक दृश्य सूची इंटरफ़ेस के भीतर उपलब्ध होनी चाहिए

## नोट्स
- IE ब्राउज़र संगतता पर विचार करने की आवश्यकता नहीं है; आधुनिक ब्राउज़रों (Chrome, Firefox, Edge, Safari) पर ध्यान केंद्रित करें
- localStorage में संग्रहीत डेटा को भंडारण सीमाओं (लगभग 5MB) को ध्यान में रखना चाहिए
- संस्करण इतिहास में पिछले 10 संस्करणों या पिछले 7 दिनों के परिवर्तनों को बनाए रखना चाहिए
- डार्क/लाइट मोड में उपयोगकर्ता चयन के लिए कम से कम 3 सिंटैक्स हाइलाइटिंग थीम प्रदान करनी चाहिए
- PDF निर्यात को मार्कडाउन फ़ॉर्मेटिंग स्थिरता बनाए रखनी चाहिए
- उत्तरदायी लेआउट ब्रेकपॉइंट अनुशंसित: 768px (टैबलेट), 480px (मोबाइल)