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

एक पूर्ण-स्टैक एआई आधारित कैलोरी/पोषण ट्रैकर बनाना केवल सुपेस और प्यारा का उपयोग करके आरएस में

2025-02-04 को प्रकाशित
ब्राउज़ करें:973

टीएल; डॉ।

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

विचार

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

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


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

विशेषताएँ -

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

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

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

]

]

Creating a full-stack AI based calorie/nutrition tracker in just rs using Supabase & Lovable

Creating a full-stack AI based calorie/nutrition tracker in just rs using Supabase & Lovable जैसा कि आप देख सकते हैं, यूआई पहले से ही मुझे कोई भी कोड लिखे बिना बहुत अच्छा लग रहा है! मैंने अंतिम पुनरावृत्तियों में साइडबार को हटा दिया और हालांकि सभी पृष्ठों पर शीर्ष नवबार के साथ जाने का फैसला किया।

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

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

आपको बस इतना करना है कि लवबल पेज के शीर्ष दाएं कोने पर Creating a full-stack AI based calorie/nutrition tracker in just rs using Supabase & Lovable Supabase

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

लेकिन पहले आपको एक सुपरबेस अकाउंट बनाने की आवश्यकता होगी यदि आपके पास पहले से ही https://supabase.com पर हेडिंग नहीं है -Creating a full-stack AI based calorie/nutrition tracker in just rs using Supabase & Lovable

] ] ]



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

Creating a full-stack AI based calorie/nutrition tracker in just rs using Supabase & Lovable

Creating a full-stack AI based calorie/nutrition tracker in just rs using Supabase & Lovable

Creating a full-stack AI based calorie/nutrition tracker in just rs using Supabase & Lovable

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

लिंक

] Supabase - https://supabase.com

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

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

विज्ञप्ति वक्तव्य इस लेख को पुन: प्रस्तुत किया गया है: https://dev.to/asheesh/creating-a-full-stack-ai- आधारित-calorienutric कृपया हटाने के लिए [email protected] पर संपर्क करें
नवीनतम ट्यूटोरियल अधिक>

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

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

Copyright© 2022 湘ICP备2022001581号-3