इस प्रोजेक्ट के बारे में

फ्लेक्सबॉक्स फ्रॉगी थॉमस पार्क द्वारा बनाया गया एक ब्राउज़र-आधारित शैक्षिक गेम है, जो CSS फ्लेक्सबॉक्स लेआउट को आकर्षक और व्यावहारिक तरीके से सिखाता है। गेम में 24 क्रमिक रूप से चुनौतीपूर्ण स्तर हैं, जहाँ खिलाड़ियों को सही flexbox CSS गुण लिखने होते हैं — जैसे flex-direction, justify-content, align-items, flex-wrap, align-content, flex-flow और order — ताकि मेंढक पात्रों को उनके मिलान वाले लिली पैड पर रखा जा सके। प्रत्येक स्तर एक नई flexbox अवधारणा को संक्षिप्त विवरण और दृश्य पूर्वावलोकन के साथ पेश करता है। खिलाड़ी एक संपादक पैनल में CSS कोड टाइप करते हैं और तुरंत प्रतिक्रिया देखते हैं जब मेंढक अपनी जगह पर चले जाते हैं। गेम पूरी तरह से flexboxfroggy.com पर ब्राउज़र में चलता है, जिसमें कोई इंस्टॉलेशन आवश्यक नहीं है। यह परियोजना MIT लाइसेंस (कोड) और Creative Commons BY 3.0 (छवियाँ) के तहत ओपन सोर्स है। इसे समुदाय के योगदानकर्ताओं द्वारा 50 से अधिक भाषाओं में अनुवादित किया गया है, जिनमें चीनी (सरलीकृत और पारंपरिक), जापानी, कोरियाई, स्पेनिश, फ्रेंच, जर्मन, रूसी, अरबी और कई अन्य शामिल हैं। अनुवाद GitHub रिपॉजिटरी के माध्यम से प्रबंधित किए जाते हैं, जहाँ योगदानकर्ता पुल रिक्वेस्ट के माध्यम से नई भाषाएँ जोड़ सकते हैं। फ्लेक्सबॉक्स फ्रॉगी को फ्रंटएंड डेवलपमेंट ट्यूटोरियल, कोडिंग बूटकैंप और CSS सीखने के संसाधनों में व्यापक रूप से संदर्भित किया जाता है, जो फ्लेक्सबॉक्स लेआउट में महारत हासिल करने के लिए एक सुलभ प्रवेश बिंदु के रूप में है। स्रोत कोड एक स्थिर साइट है जो सेल्फ-होस्टिंग या ऑफ़लाइन उपयोग के लिए उपयुक्त है।