ایجاد یک ردیاب کالری/تغذیه مبتنی بر هوش مصنوعی کامل در تنها ۸ ساعت با استفاده از Supabase & Lovable

Summarize this content to 400 words in Persian Lang

TL; DR

این وبلاگ یک آموزش/نحوه آموزش کوتاه است که چگونه می توانید از Supabase و Lovable برای ایجاد برنامه های فول استک در عرض چند ساعت به جای چند روز استفاده کنید! من یک برنامه ردیاب کالری/تغذیه مبتنی بر هوش مصنوعی با استفاده از این ابزارها تنها در 8 ساعت ایجاد کردم و “چگونه” را اینجا در این وبلاگ نشان خواهم داد.

ایده

من مدت زیادی است که به ساخت یک برنامه ردیاب کالری مبتنی بر هوش مصنوعی برای خودم فکر می کنم زیرا از LLM هایی مانند Claude و ChatGPT زیاد استفاده می کنم تا از زبان طبیعی برای ردیابی وعده های غذایی روزانه، کالری ها و ماکروهای آنها استفاده کنم. اما به عنوان یک توسعه‌دهنده می‌دانستم که می‌توانم کل فرآیند را آسان‌تر و بهتر کنم و Munchwise دقیقاً این کار را انجام می‌دهد.Munchwise بر اساس اطلاعات شخصی شما اهداف شخصی را برای شما ایجاد می کند و سپس به شما امکان می دهد وعده های غذایی خود را با استفاده از زبان طبیعی انسان همراه با تجزیه و تحلیل کامل روزانه/هفتگی پیگیری کنید!

ویژگی ها و پشته فناوری

ویژگی ها –

ایجاد حساب کاربری و دریافت اهداف شخصی برای کالری/تغذیه
ردیابی وعده‌های غذایی و کالری/ماکرو آن‌ها با استفاده از زبان طبیعی انسان
مشاهده تجزیه و تحلیل اختصاصی روزانه/هفتگی

پشته فناوری –

ایجاد Frontend

PS: قبل از شروع باید به Lovable بروید و یک حساب کاربری جدید ایجاد کنید!

برای فرانت اند، از Lovable برای ایجاد یک رابط کاربری حداقلی و دریافت یک قاب پایه برای برنامه استفاده کردم که بتوانم بر اساس آن بسازم و Lovable اصلاً من را ناامید نکرد. طرح اولیه ای که از Lovable گرفتم به اندازه کافی خوب بود که بتوانم روی Backend شروع به کار کنم و سپس می توانم UI را هر طور که می خواهم تغییر دهم. این چیزی است که در اولین تکرار به نظر می رسید –

پس از این، تمرکز اصلی من ساختن رابط کاربری پایه برای همه صفحات و استفاده از چند دستور دیگر مانند این بود –

پس از چند بار دیگر، رابط کاربری نهایی ساخته شده توسط دوست داشتنی به این شکل بود –

همانطور که می بینید، رابط کاربری در حال حاضر بدون نوشتن هیچ کدی بسیار زیبا به نظر می رسد! من نوار کناری را در تکرارهای نهایی حذف کردم و تصمیم گرفتم با نوار ناوبری بالا در تمام صفحات استفاده کنم.

ادغام Supabase

ادغام باطن/API همیشه برای من که یک مهندس تمام پشته هستم پیچیده بوده است، زیرا فرانت اندم را بیش از حد مهندسی نمی کنم. بنابراین، Lovable قادر به انجام تقریباً 80٪ از وظایف backend به تنهایی شگفت انگیز بود. تنها کاری که باید انجام دهید این است که روی آن کلیک کنید سوپا بیس در گوشه سمت راست بالای صفحه Lovable را فشار دهید و سپس می توانید حساب Supabase خود را به دوست داشتنی متصل کنید. پس از اتصال، باید دوباره از دستور برای ایجاد طرح جدول، Auth، خط مشی‌های RLS و توابع Edge استفاده کنید.اما ابتدا باید یک حساب Supabase ایجاد کنید، اگر قبلاً آن را ندارید، با رفتن به https://supabase.com –

با استفاده از Github/Email در Supabase حساب ایجاد کنید
پس از ورود به داشبورد روی آن کلیک کنید پروژه جدید و سپس یک پروژه جدید ایجاد کنید.
پس از ایجاد پروژه، می توانید به Lovable برگردید و سپس حساب Supabase خود را متصل کرده و پروژه ای را که ایجاد کرده اید برای ارتباط با آن انتخاب کنید.

همانطور که می بینید، Lovable جداول مورد نیاز را به همراه طرحواره آنها و توابع Edge مورد نیاز را در پروژه Supabase من ایجاد کرد و پس از تایید تغییرات، مهاجرت را اجرا کرد!

افزودن ابرقدرت های هوش مصنوعی

این برنامه برای تبدیل زبان طبیعی انسان به داده های کالری و تغذیه غذا بر تکمیل های هوش مصنوعی متکی است. من از API TogetherAI برای این بخش استفاده کردم و Lovable یک بار دیگر دقیقاً می‌دانست چه باید بکند! من فقط ازش خواستم که از هوش مصنوعی Together برای بخش هوش مصنوعی استفاده کند و از من کلید API را خواست و تمام شد!

می‌توانید با ایجاد یک حساب کاربری رایگان، کلید Together AI API خود را دریافت کنید، اما برای افزودن اعتبار بیشتر به کارت‌های اعتباری نیاز دارید.

و با این کار، تمام قابلیت‌های اساسی برنامه از احراز هویت تا ورود کاربر به ردیابی غذا و تجزیه و تحلیل بدون هیچ کدی که توسط من نوشته شده بود آماده بود.

در حال اتمام برنامه

اکنون که برنامه آماده شده بود، تنها کاری که باید انجام می‌دادم این بود که برخی از مشکلات مربوط به رابط کاربری را اینجا و آنجا رفع کنم و برخی از مشکلات Backend را نیز برطرف کنم (بیشتر به API TogetherAI مربوط می‌شود). من چند ساعت دیگر روی برنامه کار کردم و اشکال زدایی و رفع اشکال کردم و حالا این برنامه به این شکل است –

خیلی مرتب درسته؟ و من شوخی ندارم وقتی می گویم این برنامه فقط در 8 ساعت ساخته شده است، آنچه ما می توانیم با استفاده از هوش مصنوعی این روزها به دست آوریم غیرقابل تصور است و اگر تا کنون از آن استفاده نکرده باشید، واقعاً از دست داده اید!

پیوندها

Github – https://github.com/asrvd/munchwiseSupabase – https://supabase.comدوست داشتنی – https://lovable.dev

با تشکر فراوان برای خواندن!