यह प्रोजेक्ट किसी बड़ी योजना से शुरू नहीं हुआ था। यह किसी छोटी और वास्तविक चीज़ से आया था। मैं अपने एक रिश्तेदार के बच्चे को C प्रोग्रामिंग सीखते हुए देख रहा था — उनकी कक्षाओं में बैठना, उनके होमवर्क को देखना — और मैं लगातार सोच रहा था: सीखने का यह तरीका पुराना लगता है। शिक्षक पाठ्यपुस्तक से व्याख्यान देते हैं, छात्र नोट्स लेते हैं और अभ्यास करते हैं। यह पूरी तरह से बेकार नहीं है, लेकिन यह शायद ही कभी किसी को वास्तविक कम्प्यूटेशनल सोच विकसित करने में मदद करता है।

मैंने वास्तव में क्या देखा

असली समस्या यह नहीं थी कि छात्र उत्तर नहीं ढूंढ पा रहे थे। समस्या यह थी कि:

वे कोड के एक हिस्से को घूरते रहते और उन्हें कोई अंदाज़ा नहीं होता कि प्रत्येक पंक्ति क्या कर रही थी
वे इसे एक बार पढ़ लेते, उन्हें लगता कि वे समझ गए हैं, लेकिन वे यह नहीं समझा पाते कि चीजें कैसे जुड़ी हुई थीं
सबसे महत्वपूर्ण बात यह है कि वे नहीं जानते थे कि कोड वास्तव में किस समस्या का समाधान कर रहा था

उन्होंने जो कुछ भी सीखा वह खंडित था। मैं बार-बार एक ही विचार पर वापस आता रहा: सीखना डॉट्स इकट्ठा करने के बारे में नहीं है — यह उन्हें जोड़ने के बारे में है।

यहीं से Tutor की शुरुआत हुई।

https://tutor.artdance.net/

2. मैंने इसे कैसे बनाया, चरण-दर-चरण

2.1 एक सरल Code Explainer के साथ शुरुआत करना

शुरुआती विचार बेहद सरल था: कुछ कोड पेस्ट करें, और एक अस्पष्ट सारांश प्राप्त करने के बजाय, देखें कि प्रत्येक पंक्ति वास्तव में क्या करती है और इसे उस तरह से क्यों लिखा गया है।

इसलिए Tutor की पहली मुख्य विशेषता थी पंक्ति-दर-पंक्ति व्याख्या। यह एक दर्जन से अधिक प्रोग्रामिंग भाषाओं का स्वतः पता लगाता है और क्लासिक C/C++ उदाहरणों — bubble sort, linked lists, binary search — के साथ आता है, जो एक क्लिक में विश्लेषण के लिए तैयार हैं।

2.2 केवल समझाना ही काफी नहीं था

किसी चीज़ को एक बार समझ लेने का मतलब यह नहीं है कि आपने उसे सीख लिया है। इसलिए मैंने तीन चीजें जोड़ीं:

Follow-up Q&A — किसी भी पंक्ति पर टैप करें और उसके बारे में प्रश्न पूछते रहें। AI पूर्ण संदर्भ के साथ प्रतिक्रिया देता है, इसलिए आपको कभी भी पृष्ठभूमि को फिर से समझाने की आवश्यकता नहीं होती है। Freeform analysis — अलग से विश्लेषण और चर्चा के लिए किसी भी कोड स्निपेट को पेस्ट करें।

Practice exercises — वर्तमान कोड के आधार पर स्वतः उत्पन्न बहुविकल्पीय, रिक्त स्थान भरें, और कोडिंग प्रश्न। और चाहिए? बस "generate more" पर क्लिक करें।

इनके लागू होने के बाद, आखिरकार यह एक सीखने के उपकरण जैसा महसूस होने लगा।

2.3 ज्ञान को अपने आप बढ़ने देना

स्पष्टीकरण, Q&A और अभ्यासों के बावजूद, सब कुछ अभी भी जानकारी के अलग-थलग ब्लॉकों जैसा महसूस हो रहा था। मैं वास्तव में ज्ञान के स्वाभाविक रूप से बढ़ने का अहसास चाहता था।

इसलिए मैंने Knowledge Canvas बनाया — एक इंटरैक्टिव, असीमित रूप से विस्तार योग्य ज्ञान ग्राफ। AI आपके कोड से मुख्य अवधारणाओं को निकालता है और उन्हें जुड़े हुए नोड्स के रूप में मैप करता है। आप संबंधित अवधारणाओं को खोजने के लिए किसी भी नोड को "explore" कर सकते हैं, उप-विषयों को उत्पन्न करने के लिए इसे "expand" कर सकते हैं, या सीधे किसी नोड पर प्रश्न पूछ सकते हैं।

इससे पहले कि आपको पता चले, आप पीछे मुड़कर देखते हैं और आपने अपना खुद का ज्ञान मानचित्र विकसित कर लिया है।

2.4 कोड को चलने की आवश्यकता है, न कि केवल पढ़े जाने की

कोड को समझने का एक महत्वपूर्ण हिस्सा इसे चलते हुए देखना है। इसलिए मैंने ऑनलाइन कोड निष्पादन को एकीकृत किया जो C, C++, Python, Java और एक दर्जन से अधिक अन्य भाषाओं का समर्थन करता है। उपयोगकर्ता कोड चला सकते हैं, इनपुट दर्ज कर सकते हैं, और सीधे पेज पर आउटपुट देख सकते हैं। प्रत्येक निष्पादन को सहेजा जाता है, और आप AI से किसी भी विशिष्ट रन परिणाम के बारे में पूछ सकते हैं।

पहले इसे चलाएं → विश्लेषण पढ़ें → अनुवर्ती प्रश्न पूछें → अभ्यास करें। यह प्रवाह केवल स्पष्टीकरण पढ़ने की तुलना में बहुत अधिक स्वाभाविक लगता है।

2.5 निर्माण प्रक्रिया इतनी सुचारू क्यों थी

पूरी प्रक्रिया मेरी अपेक्षा से कहीं अधिक सुचारू रही, जिसका मुख्य कारण यह था कि Enter प्लेटफॉर्म ने अधिकांश कठिन काम संभाल लिया।

UI components तुरंत उपयोग के लिए तैयार थे।
Backend essentials — उपयोगकर्ता प्रमाणीकरण, डेटाबेस स्टोरेज, रो-लेवल सुरक्षा — सभी अंतर्निहित Supabase एकीकरण के माध्यम से आए।
AI मॉडल एक्सेस एकीकृत था: DeepSeek, Claude, GPT, Gemini, Doubao — कुंजियों के लिए आवेदन करने और प्रत्येक API के लिए अलग से अनुकूलित करने की कोई आवश्यकता नहीं है। बस एक Edge Function लिखें और इसे कॉल करें।

इसलिए बुनियादी ढांचे पर हफ्तों बिताने के बजाय, मैं पहले दिन से ही इस बात पर ध्यान केंद्रित कर सका कि वास्तव में क्या मायने रखता है: क्या स्पष्टीकरण पर्याप्त स्पष्ट हैं? क्या ज्ञान के बिंदु जुड़ते हैं? क्या सीखने का मार्ग सही लगता है?

3. Tutor का उपयोग कैसे करें

3.1 कहीं से भी शुरू करें

कोड है? इसे पेस्ट करें, "Start Analysis" पर क्लिक करें
कोड नहीं है? कुछ उत्पन्न करने के लिए AI का उपयोग करें, फिर एक क्लिक के साथ इसे संपादक में भरें
केवल ब्राउज़ कर रहे हैं? एक पूर्व-निर्धारित उदाहरण पर टैप करें — आप दो सेकंड में एक पूर्ण विश्लेषण देखेंगे

3.2 यह एक सीखने का मार्ग है, न कि एक फीचर पेज

एक बार अंदर जाने के बाद, उपयोगकर्ता स्वाभाविक रूप से एक मार्ग का अनुसरण करते हैं:

कोड क्या करता है, इसका अनुभव प्राप्त करने के लिए इसे चलाएं
पंक्ति-दर-पंक्ति विश्लेषण पढ़ें
किसी भी अस्पष्ट चीज़ पर अनुवर्ती प्रश्न पूछें
समझ की पुष्टि करने के लिए अभ्यास कार्य करें
Knowledge Canvas खोलें और बाहर की ओर अन्वेषण करें

हर कदम — निष्पादन परिणाम, बातचीत, अभ्यास स्कोर, ज्ञान ग्राफ़ — स्वचालित रूप से सहेजा जाता है। कभी भी वापस आएं और वहीं से शुरू करें जहां आपने छोड़ा था।

4. पीछे मुड़कर देखना: यह वास्तव में किस बारे में है

पीछे मुड़कर देखें तो, Tutor सतह पर एक कोड व्याख्याकार है। लेकिन वास्तव में यह लोगों की मदद कर रहा है कि वे कोड के एक टुकड़े से शुरू करें और बिखरे हुए ज्ञान को एक संपूर्ण रूप में जोड़ें।

कोड पेस्ट करें → इसे चलाएं → लाइन दर लाइन समझें → गहरे सवाल पूछें → अभ्यास करें → Knowledge Canvas खोलें → एक नोड से दूसरे नोड पर जाएं → मानचित्र को अपना बनते हुए देखें।

यह दो चीजों के कारण काम करता है। पहला, उत्पाद डिज़ाइन — स्पष्टीकरण, प्रश्नोत्तर, अभ्यास और कैनवास अलग-थलग विशेषताएं नहीं हैं; वे एक निरंतर सीखने का मार्ग बनाते हैं। दूसरा, वह आधार जो Enter प्रदान करता है — UI, डेटाबेस, AI मॉडल, डिप्लॉयमेंट — मुझे बुनियादी ढांचे से जूझने के बजाय अपनी पूरी ऊर्जा इस बात पर लगाने की अनुमति देता है कि "क्या सीखने का अनुभव वास्तव में अच्छा है?"

वापस उसी मूल विचार पर आते हैं: सीखना बिंदुओं को इकट्ठा करने के बारे में नहीं है — यह उन्हें जोड़ने के बारे में है।

Tutor यही करता है। यह उस रास्ते को प्रशस्त करने में मदद करता है। ताकि कोड केवल कुछ ऐसा न हो जिसे आपने "देखा" है — बल्कि कुछ ऐसा हो जिसे आपने समझा है, जोड़ा है और अपना बना लिया है।