जब आप ReactJs सीखते हैं तो कुछ परियोजनाओं पर काम करना स्पष्ट प्रतीत होता है और उन परियोजनाओं के लिए आप अपनी रुचि के अनुसार कुछ चुनना चाहते हैं। ReactJs जारी करने वाली कंपनी द्वारा विकसित ऐप के क्लोन के बारे में क्या ख्याल है? हां, आपको यह बात समझ में आ रही होगी, यह एप्लिकेशन मूल रूप से मूल इंस्टाग्राम का एक क्लोन है और इंस्टाग्राम जैसी सुविधाओं को जोड़ता है या वास्तव में ऐसी विशेषताएं जो इंस्टाग्राम में नहीं जोड़ी जा सकती थीं। तो आप किस बात की प्रतीक्षा कर रहे हैं? योगदान करने और सीखने के लिए इस अवसर का उपयोग करें। 😃
डमीग्राम सितंबर 2022 से विकास में है और शुरुआत से ही गिटहब का हिस्सा है। हमारी वर्तमान प्राथमिकताएं और हम जिस पर काम कर रहे हैं, वह एक तरह से स्पष्ट है, लेकिन फिर भी हम इसे एक अनूठा रूप देना चाहते हैं और इसे सुविधाओं से भरपूर बनाना चाहते हैं।:sparkles:
-
विषयसूची
जमीनी नियमों से हटकर, आइए इस मोनो रेपो की मोटे वास्तुकला के बारे में बात करते हैं:
फ्रंटेंड जावास्क्रिप्ट: हम अपने फ्रंटएंड ऐप्स को सशक्त बनाने के लिए रिएक्ट का उपयोग करते हैं। इस कोडबेस में आपके द्वारा स्पर्श किए जाने वाले लगभग सभी कोड जावास्क्रिप्ट होंगे।
यहां हमारे द्वारा उपयोग की जाने वाली सभी बड़ी तकनीकों की सूची दी गई है:
-
रिएक्ट: फ्रंटएंड रिएक्ट ऐप
-
फायरबेस: डेटा संग्रहण और प्रमाणीकरण
dummygram/
├── public # सार्वजनिक फ़ाइलें दृश्यपटल पर उपयोग की जाती हैं
├── src # प्रतिक्रिया में दृश्यपटल कोड
डमीग्राम को स्थानीय रूप से चलाने का पहला चरण रिपॉजिटरी को क्लोन करके कोड डाउनलोड करना है:
git clone [email protected]:narayan954/dummygram.git
यदि आपको ssh का उपयोग करके Permission denied त्रुटि मिलती है तो यहां यहां देखें
या https लिंक का फ़ॉलबैक के रूप में उपयोग करें।
git clone https://github.com/narayan954/dummygram.git
डमीग्राम में एक ही स्थापना चरण है:
- निर्भरताओं को स्थापित करें:
npm install
आपने अब सब कुछ इंस्टॉल करना समाप्त कर लिया है! चलो शुरू करो 💯
Ps: यदि आपको निर्भरताएँ स्थापित करने में त्रुटि हो रही है, तो npm install के साथ --force कमांड आज़माएँ। उदाहरण के लिए
npm install --force
अब आप ऐप को स्थानीय रूप से चलाने और अपने स्थानीय उदाहरण में साइन इन करने के लिए तैयार हैं!
डेवलपमेंट सर्वर शुरू करने के लिए रन करें
npm run dev
यहां ओपन सोर्स के साथ आरंभ करने के तरीके के बारे में एक त्वरित जानकारी दी गई है, सबसे पहले आइए कुछ बुनियादी शब्दावली जानते हैं:
- गिट: एक वर्जनिंग सिस्टम है जो आपको अपने स्थानीय कंप्यूटर पर अपना कोड और कोड इतिहास स्टोर करने देता है और उस कोड को साझा करने की अनुमति देता है
- गिटहब: एक सर्वर है जो आपको इतिहास को एक डेटाबेस में संग्रहीत करने देता है
- खुला स्रोत: यदि आप GitHub पर कोड देख सकते हैं तो एक परियोजना को खुला स्रोत कहा जाता है
- फोर्क: यह एक कॉपी है जिसे आप GitHub पर एक प्रोजेक्ट बनाते हैं, यह आपके रिपॉजिटरी में जुड़ जाता है
- रिपॉजिटरी: GitHub पर एक प्रोजेक्ट को रिपॉजिटरी कहा जाता है
- पुल अनुरोध: यह एक परियोजना में किए जाने वाले प्रस्तावित मुद्दे के लिए एक समाधान है, इसमें आपको परियोजना में एक फ़ाइल का संपादन करना शामिल है।
- मुद्दा: एक समस्या एक परिवर्तन है जो एक परियोजना में किया जाना चाहिए, एक बग, एक नई सुविधा या एक परियोजना के लिए एक सुझाव हो सकता है
- शाखा: एक शाखा एक नया कार्यक्षेत्र है जो डिफ़ॉल्ट कार्यक्षेत्र (मुख्य या मास्टर) से प्राप्त होता है, यह आपको मूल कोड को प्रभावित किए बिना किसी चीज़ पर काम करने की अनुमति देता है
अब आप कुछ बुनियादी शर्तों को जानते हैं, तो आइए जानें कि ओपन सोर्स को बेहतर ढंग से समझने के लिए कुछ संसाधनों के साथ कैसे शुरुआत करें:
- Git और Github का क्रैश कोर्स - वीडियो
- ओपन सोर्स के लिए एक पूरी गाइड - वीडियो
- ओपन सोर्स के लिए गाइड - लेख
हम अपने इंजीनियरिंग मानकों से मेल खाने वाले किसी भी और सभी योगदानों का दिल से स्वागत करते हैं! 🙌
यह कहा जा रहा है, यह कोडबेस आपकी विशिष्ट ओपन सोर्स परियोजना नहीं है क्योंकि यह सीमित दायरे वाला पुस्तकालय या पैकेज नहीं है - यह हमारा संपूर्ण उत्पाद है।
- किसी भी फ़ाइल में कोई
console.logनहीं है: हम केवल डेवलपमेंट में डीबगिंग जानकारी लॉग करने के लिए कोडबेस मेंdebugमॉड्यूल का उपयोग करते हैं। कभी भी ऐसी फाइल न करें जिसमेंconsole.logहो क्योंकि सीआई आपके निर्माण को विफल कर देगा। केवल अपवाद त्रुटियां हैं, जिन्हें आप लॉग कर सकते हैं, लेकिन इसके बारे में स्पष्ट होने के लिए आपकोconsole.errorका उपयोग करना होगा - कोड समीक्षाएं: परियोजना सदस्यों द्वारा किए गए सबमिशन सहित सभी सबमिशन के लिए समीक्षा की आवश्यकता होती है। हम इस उद्देश्य के लिए गिटहब पुल अनुरोधों का उपयोग करते हैं।
डमीग्राम पर सभी बातचीत और समुदाय गिटहब के सामुदायिक दिशानिर्देश और स्वीकार्य उपयोग नीतियों से सहमत हैं। यह आचार संहिता यहां GitHub पर हमारे योगदानकर्ता समुदाय के भीतर होने वाली सभी बातचीत पर भी लागू होती है। हम मुद्दों पर चर्चा की उम्मीद करते हैं और सकारात्मक, उत्पादक और सम्मानजनक बने रहने के लिए अनुरोध करते हैं। याद रखें: उस स्क्रीन के दूसरी तरफ वास्तविक लोग हैं:exclamation:
यदि आपको डमीग्राम पर कोई तकनीकी बग मिला है या आपके पास उन सुविधाओं के लिए विचार हैं जिन्हें हमें लागू करना चाहिए, तो इश्यू ट्रैकर आपके विचारों को साझा करने के लिए सबसे अच्छी जगह है। इश्यू टेम्प्लेट का पालन करना सुनिश्चित करें और आपको सुनहरा होना चाहिए! (एक नया मुद्दा खोलने के लिए यहां क्लिक करें)
- यदि आप डमीग्राम पर एक बग पाते हैं और इसे ठीक करने वाला पीआर खोलते हैं तो हम यह सुनिश्चित करने के लिए जितनी जल्दी हो सके इसकी समीक्षा करेंगे कि यह हमारे इंजीनियरिंग मानकों से मेल खाता है।
- यदि आप कोई नई सुविधा लागू करना चाहते हैं, तो पहले इस बात पर चर्चा करने के लिए कोई समस्या खोलें कि वह कैसी दिखेगी।
- यदि आप योगदान करना चाहते हैं लेकिन शुरू करने के लिए अनिश्चित हैं, तो हमारे पास एक "good first issue" लेबल है जो नवागंतुक-अनुकूल मुद्दों पर लागू होता है। "good first issues" की पूरी सूची पर एक नज़र डालें और अपनी पसंद का कुछ चुनें!
- एक बग को ठीक करना चाहते हैं या एक सहमत सुविधा को लागू करना चाहते हैं? बढ़िया, स्थानीय सेटअप निर्देश पर जाएं!
डमीग्राम अब गिटहब का हिस्सा है। आचार संहिता के लिए, कृपया GitHub के सामुदायिक दिशानिर्देश और स्वीकार्य उपयोग नीतियां देखें।
डमीग्राम को बढ़ने में मदद करने के लिए अपना समय बिताने के लिए बहुत-बहुत धन्यवाद। बहुत-बहुत धन्यवाद! 🍻