"यदि कोई कर्मचारी अपना काम अच्छी तरह से करना चाहता है, तो उसे पहले अपने औजारों को तेज करना होगा।" - कन्फ्यूशियस, "द एनालेक्ट्स ऑफ कन्फ्यूशियस। लू लिंगगोंग"
मुखपृष्ठ > प्रोग्रामिंग > Reactjs में गोता लगाना

Reactjs में गोता लगाना

2024-12-21 को प्रकाशित
ब्राउज़ करें:263

मेम जेनरेटर

Diving into Reactjs

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

विषयसूची

  1. डेमो
  2. विशेषताएँ
  3. टेक स्टैक
  4. स्थापना
  5. उपयोग
  6. लेखक
  7. लाइसेंस
  8. अपना समर्थन दिखाएं

डेमो

मेम जेनरेटर को क्रियाशील देखना चाहते हैं? हमारा लाइव डेमो देखें!

डेमो देखने के लिए यहां क्लिक करें

विशेषताएँ

  • डायनामिक मेम जेनरेशन: एक एपीआई से यादृच्छिक मेम छवियां प्राप्त करें।
  • अनुकूलन योग्य पाठ: अद्वितीय मीम बनाने के लिए ऊपर और नीचे का पाठ जोड़ें।
  • उत्तरदायी डिज़ाइन: डेस्कटॉप और मोबाइल दोनों देखने के लिए अनुकूलित।
  • वास्तविक समय पूर्वावलोकन: टाइप करते ही अपना मीम अपडेट देखें।
  • स्वच्छ यूआई: सरल और सहज उपयोगकर्ता इंटरफ़ेस।

टेक स्टैक

  • फ्रंटेंड: React.js
  • बिल्ड टूल: तेज़ और कुशल विकास के लिए देखें
  • स्टाइलिंग: उन्नत स्टाइलिंग क्षमताओं के लिए कम
  • राज्य प्रबंधन: रिएक्ट हुक्स (यूजस्टेट, यूजइफेक्ट)
  • एपीआई एकीकरण: मेम टेम्प्लेट पुनर्प्राप्त करने के लिए एपीआई प्राप्त करें

इंस्टालेशन

  1. रिपॉजिटरी को क्लोन करें:
   git clone https://github.com/undrthegraveyard/meme_generator.git
  1. प्रोजेक्ट निर्देशिका पर नेविगेट करें:
   cd meme_generator
  1. निर्भरताएं स्थापित करें:
   npm install
  1. विकास सर्वर प्रारंभ करें:
   npm run dev

प्रयोग

  1. अपने ब्राउज़र में एप्लिकेशन खोलें।
  2. एक यादृच्छिक मेम टेम्पलेट लोड करने के लिए "एक नई मेम छवि प्राप्त करें" बटन पर क्लिक करें।
  3. "शीर्ष टेक्स्ट" और "नीचे टेक्स्ट" फ़ील्ड में अपना इच्छित टेक्स्ट दर्ज करें।
  4. जैसे ही आप टाइप करेंगे मीम वास्तविक समय में अपडेट हो जाएगा।
  5. अपने बनाए गए मीम को सहेजें या साझा करें (सुविधा लागू की जाएगी)।

लेखक

? शिवम अग्रवाल

  • ट्विटर: @shivam_agarwaal

लाइसेंस

यह परियोजना एमआईटी लाइसेंस के तहत लाइसेंस प्राप्त है।

अपना समर्थन दिखाएँ

दे दो ?? अगर आपको यह पसंद आया!

विज्ञप्ति वक्तव्य यह आलेख यहां पुन: प्रस्तुत किया गया है: https://dev.to/undrthegraveyard/diving-into-reactjs-4eid?1 यदि कोई उल्लंघन है, तो कृपया इसे हटाने के लिए [email protected] से संपर्क करें।
नवीनतम ट्यूटोरियल अधिक>

चीनी भाषा का अध्ययन करें

अस्वीकरण: उपलब्ध कराए गए सभी संसाधन आंशिक रूप से इंटरनेट से हैं। यदि आपके कॉपीराइट या अन्य अधिकारों और हितों का कोई उल्लंघन होता है, तो कृपया विस्तृत कारण बताएं और कॉपीराइट या अधिकारों और हितों का प्रमाण प्रदान करें और फिर इसे ईमेल पर भेजें: [email protected] हम इसे आपके लिए यथाशीघ्र संभालेंगे।

Copyright© 2022 湘ICP备2022001581号-3