آموزش تسلط بر Lovable AI و Vibe Coding: ساخت ۵ پروژه گام به گام - آخرین آپدیت

سرفصل ها و درس ها

پروژه ۱: سیستم منابع انسانی (HR) Project 1 - HR System

• مقدمه پروژه سیستم HR HR System Project - Introduction

• درک هدف پروژه Understand the Goal

• استفاده از ChatGPT برای تولید پرامپت Use ChatGPT to Generate Prompt

• قرار دادن پرامپت در Lovable Paste Prompt in Lovable

• ساخت حساب‌های تست (کارمندان، مدیران و HR) Create Test Accounts – Employees,Managers, and HR

• بررسی خروجی اولیه ساخت Review Initial Build Output

• اصلاح قابلیت‌های معیوب (داشبورد و دایرکتوری کارکنان) Fixing the Broken Functionalities – Dashboard and Employee Directory

• تست درخواست مرخصی Testing – Leave Request

• تست فرآیند Onboarding Testing - Onboarding

پروژه ۲: طراحی UI / UX Project 2 - UI / UX Design

• مقدمه پروژه طراحی UI / UX UI / UX Design Project - Introduction

• تولید لندینگ پیج اولیه در Lovable Generate Initial Landing Page in Lovable

• جایگزینی بخش Hero با رابط کاربری جذاب Replace Hero Section with Playful UI

• افزودن دکمه CTA متحرک در بخش Hero Add Animated CTA Button in Hero Section

• افزودن پس‌زمینه متحرک پشت بخش Hero Add Animated Background Pattern Behind Hero

پروژه ۳: چت‌بات هوش مصنوعی Project 3 - AI Chatbot

• مقدمه پروژه چت‌بات AI AI Chatbot Project - Introduction

• درک هدف پروژه Understand the Goal

• راه‌اندازی Webhook در Make.com Setup the Webhook in Make.com

• افزودن ماژول دریافت محتوای سند در Make Add “Get Content of a Document” Module in Make Setup the Webhook in Make

• افزودن ماژول ChatGPT در Make Add the ChatGPT Module in Make

• افزودن ماژول پاسخ Webhook Add the Webhook Response Module

• ساخت و تست در Lovable Build and Test in Lovable

• تست با سوالات تصادفی Try Random Questions

• نتیجه نهایی Result

پروژه ۴: ایجنت صوتی AI برای پزشکان Project 4 - Voice AI Agent for a Doctor

• مقدمه پروژه ایجنت صوتی AI پزشک Voice AI Agent for a Doctor Project - Introduction

• درک هدف پروژه Understand the Goal

• ثبت‌نام در Millis AI Sign Up for Millis AI

• ساخت یک ایجنت صوتی جدید Create a New Voice Agent

• پیکربندی تنظیمات ایجنت Configure Agent Settings

• آپلود اسناد (پایگاه دانش) Upload Documents (Knowledge Base)

• افزودن Function Calling (اختیاری) Add Function Calling (Optional)

• افزودن توابع اپلیکیشن (مانند رزرو جلسه) Add App Functions (e.g., Meeting Booking)

• پیکربندی تنظیمات تکمیلی Configure Additional Settings

• تست ایجنت صوتی Test the Voice Agent

• تست ایجنت صوتی (ادامه) Test the Voice Agent (continued)

• جایگذاری (Embed) در Lovable.dev Embed on Lovable.dev

• جایگذاری در Lovable.dev (ادامه) Embed on Lovable.dev (continued)

• جمع‌بندی Summary

پروژه ۵: سیستم صدور فاکتور Project 5 - Invoice Generator

• مقدمه پروژه سیستم صدور فاکتور Invoice Generator Project - Introduction

• طراحی رابط کاربری فرانت‌اند با Lovable Design the Frontend Interface Using Lovable

• راه‌اندازی بک‌اند در N8N Set Up the Backend in N8N

• تست یکپارچه‌سازی Test Integration

• تبدیل داده‌ها به HTML برای PDF Convert Data to HTML for PDF

• بهبود طراحی فاکتور (اختیاری) Improve Invoice Design (Optional)

• تبدیل HTML به PDF با استفاده از PDFShift Convert HTML to PDF using PDFShift

• آپلود PDF در گوگل درایو Upload PDF to Google Drive

• ارسال فاکتور از طریق Gmail Send the Invoice via Gmail

• نتیجه نهایی Outcome