टीएल; डॉ।

] मैंने इन टूल्स का उपयोग करके केवल 8 घंटों में इन टूल्स का उपयोग करके एक फुल-स्टैक एआई आधारित कैलोरी/न्यूट्रिशन ट्रैकर ऐप बनाया और मैं इस ब्लॉग में यहां "कैसे" दिखाऊंगा।

विचार

] लेकिन एक डेवलपर के रूप में मुझे पता था कि मैं पूरी प्रक्रिया को आसान और बेहतर बना सकता हूं और मंचवाइज बिल्कुल ऐसा ही करता है।

Munchwise आपकी व्यक्तिगत जानकारी के आधार पर आपके लिए व्यक्तिगत लक्ष्य बनाता है और फिर आपको पूर्ण दैनिक/साप्ताहिक एनालिटिक्स के साथ प्राकृतिक मानव भाषा का उपयोग करके अपने भोजन को ट्रैक करने देता है!

सुविधाएँ और तकनीकी ढेर

विशेषताएँ -

खाता बनाएँ और कैलोरी/पोषण के लिए व्यक्तिगत लक्ष्य प्राप्त करें

• प्राकृतिक मानव भाषा का उपयोग करके भोजन और उनके कैलोरी/मैक्रोज़ को ट्रैक करें
दैनिक/साप्ताहिक विश्लेषण
• देखें
• टेक स्टैक -

Supabase - AUTH, DATABASE, एज फ़ंक्शंस

Vite & रिएक्ट - फ्रेमवर्क, बिल्ड टूल
टेलविंड सीएसएस - स्टाइल
प्यारा - कोड पीढ़ी
• फ्रंटेंड बनाना
] ] लवबल से मुझे जो शुरुआती डिजाइन मिला, वह काफी अच्छा था, जो बैकएंड पर काम करना शुरू कर रहा था और फिर मैं यूआई को सुधार और बदल सकता था, हालांकि मैं खुद चाहता हूं। यहाँ यह पहली पुनरावृत्ति में कैसा दिखता था -

]

]

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

सुपबेस को एकीकृत करना

] इसलिए, प्यारा है कि लगभग 80% बैकएंड कार्य अपने आप में ही अद्भुत था।

आपको बस इतना करना है कि लवबल पेज के शीर्ष दाएं कोने पर Supabase

बटन पर क्लिक करें और फिर आप अपने Supabase खाते को LOVABLE से कनेक्ट कर सकते हैं। एक बार कनेक्ट होने के बाद, आपको टेबल स्कीमा, ऑथ, आरएलएस नीतियों और आपके द्वारा आवश्यक एज फ़ंक्शंस बनाने के लिए फिर से प्रॉम्प्टिंग का उपयोग करने की आवश्यकता है।

लेकिन पहले आपको एक सुपरबेस अकाउंट बनाने की आवश्यकता होगी यदि आपके पास पहले से ही https://supabase.com पर हेडिंग नहीं है -

] ] ]

]

एआई महाशक्तियों को जोड़ना
1. ] मैंने इस हिस्से के लिए एक साथ एपीआई का इस्तेमाल किया और एक बार फिर से प्यारा पता था कि वास्तव में क्या करना है! मैंने बस इसे एआई भाग के लिए एक साथ एआई का उपयोग करने के लिए कहा और इसने मुझसे मेरी एपीआई कुंजी के लिए पूछा और यह किया गया था!
]
2. ]
ऐप फिनिशिंग
3. ] मैंने ऐप पर कुछ और घंटों के लिए डिबगिंग और फिक्सिंग चीजों के लिए काम किया और यहां ऐप अब कैसा दिखता है -

बहुत साफ -सुथरा सही? और मैं मजाक नहीं कर रहा हूं जब मैं कहता हूं कि यह ऐप सिर्फ 8 घंटे में बनाया गया था, तो हम इन दिनों एआई का उपयोग करके क्या हासिल कर सकते हैं, अकल्पनीय है और यदि आप अब तक इसका उपयोग नहीं कर रहे हैं, तो आप वास्तव में याद कर रहे हैं!

लिंक

] Supabase - https://supabase.com

प्यारा - https://lovable.dev

पढ़ने के लिए बहुत बहुत धन्यवाद!