यह फ्रंटएंड चैलेंज v24.07.24, सीएसएस कला: मनोरंजन के लिए एक सबमिशन है।

प्रेरणा

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

डेमो

आप यहां परियोजना का लाइव डेमो देख सकते हैं: एनवाईआरसीएल लैंडिंग पृष्ठ

आप प्रोजेक्ट के लिए कोड मेरे GitHub रिपॉजिटरी पर पा सकते हैं: फ्रंटएंड-चैलेंज

यात्रा

यह परियोजना आधुनिक वेब डिज़ाइन प्रथाओं को लागू करने का एक शानदार अवसर था। यहां यात्रा के कुछ प्रमुख पहलू हैं:

1. योजना और डिजाइन:

   • मैंने पृष्ठ की संरचना की रूपरेखा तैयार करके और एक रंग योजना चुनकर शुरुआत की जो एक मनोरंजक क्रिकेट लीग की जीवंत भावना को दर्शाती है।

2. विकास:

   • मैंने सामग्री की संरचना करने के लिए HTML का उपयोग किया, स्टाइलिंग और प्रतिक्रिया सुनिश्चित करने के लिए CSS का उपयोग किया, और अन्तरक्रियाशीलता के लिए JavaScript का उपयोग किया।
   • सीएसएस में विभिन्न स्क्रीन आकारों को संभालने के लिए मीडिया क्वेरीज़ शामिल हैं, जो सभी डिवाइसों में एक सुसंगत अनुभव सुनिश्चित करती हैं।
   • जावास्क्रिप्ट का उपयोग उपयोगकर्ता सहभागिता को बढ़ाने के लिए होवर प्रभाव और सुचारु ट्रांज़िशन जोड़ने के लिए किया गया था।

3. चुनौतियां और सीख:

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

4. नतीजा:

   • मुझे विशेष रूप से प्रतिक्रियाशील डिज़ाइन और इंटरैक्टिव तत्वों पर गर्व है जो पेज को जीवंत और आकर्षक बनाते हैं।

5. अगले कदम:

   • मैं अधिक इंटरैक्टिव तत्व जोड़ने की योजना बना रहा हूं, जैसे पंजीकरण फॉर्म और गतिशील सामग्री लोडिंग।

निष्कर्ष

इस चुनौती में भाग लेना एक पुरस्कृत अनुभव था, और मैं भविष्य की परियोजनाओं में इन सीखों को लागू करने के लिए उत्सुक हूं। इस शानदार अवसर के आयोजन के लिए धन्यवाद!