Kitchn
ओपन सोर्स

Kitchn

स्टाइल्ड-कंपोनेंट्स का एक संपूर्ण सूट, जो सुसंगत और सुरुचिपूर्ण यूजर इंटरफेस बनाने के लिए डिज़ाइन किया गया है, Tonight Pass द्वारा बनाए रखा गया है।

kitchn.tonightpass.com

शुरुआत की तारीख

October 2022

स्थिति

सक्रिय

टीम

8 सदस्य

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

Kitchn एक व्यापक UI कंपोनेंट लाइब्रेरी है जो आधुनिक वेब और मोबाइल अनुप्रयोगों के विकास को तेज करती है। यह Geist UI और Vercel Design से प्रेरित है, जो इसके न्यूनतम दृष्टिकोण और उपयोग में आसानी के साथ अद्वितीय है, और इसे स्टाइल्ड-कंपोनेंट्स और TypeScript के साथ बनाए गए अनुकूलित कंपोनेंट्स का संग्रह प्रदान करता है। प्रत्येक कंपोनेंट को मॉड्यूलर, प्रदर्शनकारी और अत्यधिक अनुकूलन योग्य बनाने के लिए डिज़ाइन किया गया है, जो विकास टीमों को सुसंगत यूजर इंटरफेस जल्दी से बनाने की अनुमति देता है जबकि एक बेहतरीन डेवलपर अनुभव बनाए रखता है।

प्रभाव और मेट्रिक्स

35+

कंपोनेंट्स

पुन: प्रयोज्य UI कंपोनेंट्स

20k+

डाउनलोड्स

मासिक डाउनलोड्स

50+

GitHub सितारे

GitHub पर सितारे

मुख्य विशेषताएँ

मॉड्यूलर आर्किटेक्चर

स्वतंत्र और पुन: प्रयोज्य कंपोनेंट्स जिन्हें सामंजस्यपूर्वक काम करने के लिए डिज़ाइन किया गया है

लचीले थीम्स

एक विस्तारित थीम सिस्टम के साथ हल्के और गहरे मोड का पूरा समर्थन

क्रॉस-प्लेटफ़ॉर्म

सभी प्लेटफार्मों पर सुसंगत अनुभव के लिए React और React Native का स्वदेशी समर्थन

इंटरएक्टिव दस्तावेज़ीकरण

त्वरित ऑनबोर्डिंग के लिए उदाहरण और प्लेग्राउंड के साथ व्यापक दस्तावेज़ीकरण

उपयोग की गई तकनीकें

Styled Components

CSS-in-JS शैली

React

वेब UI लाइब्रेरी

React Native

स्वदेशी मोबाइल कंपोनेंट्स

TypeScript

प्रकार सुरक्षा और ऑटो-कंप्लीशन

Storybook

इंटरएक्टिव दस्तावेज़ीकरण

गैलरी

उत्तरदायी कंपोनेंट्स

उत्तरदायी कंपोनेंट्स

अनुकूलन योग्य थीम्स

अनुकूलन योग्य थीम्स

टीम

Lucas Bodin

Lucas Bodin

Lead Designer

Macéo Vaz Da Mota

Designer

Antoine Kingue

Antoine Kingue

Lead Developer

Jérémy Baudrin

Jérémy Baudrin

Developer

Younes Bessa

Younes Bessa

Developer

Alexis Mouchon

Alexis Mouchon

Developer

Alexis Lecourt

Developer

Inès Ferreira

Developer

समस्याएँ जिनका सामना किया गया

  • वेब और मोबाइल प्लेटफार्मों के बीच उत्तम दृश्य संगति बनाए रखना

  • विशेषताओं की समृद्धि बनाए रखते हुए बंडल आकार का अनुकूलन करना

  • विभिन्न React संस्करणों के साथ संगतता सुनिश्चित करना

  • अपडेट के दौरान पीछे की संगतता की गारंटी

मुख्य सीखने

  • स्पष्ट और विस्तृत दस्तावेज़ीकरण का महत्वपूर्ण महत्व

  • रखरखाव के लिए मॉड्यूलर आर्किटेक्चर की आवश्यकता

  • विश्वसनीयता के लिए स्वचालित परीक्षण का मूल्य

  • अपनाने पर डेवलपर अनुभव का प्रभाव

भविष्य की संभावनाएँ

कंपोनेंट लाइब्रेरी को समृद्ध करना

निरंतर प्रदर्शन अनुकूलन

आधुनिक ढांचों के साथ संगतता का विस्तार करना

क्या आप इस प्रोजेक्ट में रुचि रखते हैं?

जानें कि हम आपकी मदद कैसे कर सकते हैं एक समान प्रोजेक्ट बनाने में।