كيف قمت ببناء تطبيق قائمة TODO الخاص بي في دقائق باستخدام أدوات الذكاء الاصطناعي
نشرت: 2025-03-05الذكاء الاصطناعي يغير المشهد التكنولوجي إلى الأبد. خذ chatgpt ، على سبيل المثال. لقد عطلت صناعة الكتابة وحتى تعطيل شركات Chegg بأكملها. تعمل كل شركة الآن بعد الذكاء الاصطناعي وتحاول دمجها في تطبيقاتها وخدماتها. على الرغم من أن معظمهم يمتلكون ، فإن القيمة الحقيقية لمنظمة العفو الدولية هي أنها تقلل من الجهد البشري ، ويسرع العمليات ، وتخفيض التكاليف.
على سبيل المثال ، إذا سألني أي شخص عن المدة التي يستغرقها إنشاء تطبيق ، فربما سأجيب في غضون شهرين ، وربما سنوات ، اعتمادًا على الموارد ومدى حجم التطبيق.
ومع ذلك ، إذا طرحت نفس السؤال الآن ، أود أن أقول ربما ساعة أو يوم أو حتى دقائق. هذا ما يمكن أن تفعله الذكاء الاصطناعي الآن. تتيح لك بعض التطبيقات إنشاء تطبيقات في دقائق فقط. لا ، أنا لا أتحدث عن أدوات AI بدون رمز لبناء التطبيقات. أنا أتحدث عن التطبيقات التي يمكنها كتابة التعليمات البرمجية بأي لغة أو طريقة أو مساعدتك في بناء التطبيقات. الشيء الجيد هو أنك لست بحاجة إلى كتابة سطر واحد من التعليمات البرمجية أو حتى المعرفة المسبقة حول كيفية عمل التعليمات البرمجية.
يمكنك إنشاء تطبيق وتوسيع نطاق التطبيق إلى الملايين في دقائق فقط. لقد كنت أستخدم مختلف أدوات الذكاء الاصطناعي وقمت ببناء أكثر من 30 تطبيقًا. إذا كنت ترغب في تعلم وإنشاء شيء ما دون قضاء أشهر في تعلم التعليمات البرمجية ، فإن هذا الدليل يناسبك.
جدول المحتويات
كيفية إنشاء التطبيقات في دقائق فقط: دعنا نبني تطبيق قائمة المهام
خطوة | وصف |
---|---|
الخطوة 1 | استخدم chatgpt لإنشاء موجه منظمة العفو الدولية مفصلة لتطبيقك. مثال: قم بإنشاء موجه AI لإنشاء تطبيق قائمة المهام مع جميع الميزات اللازمة |
الخطوة 2 | بعد ذلك ، قم بإنشاء حساب على Lovable.dev باستخدام Google أو Github. |
الخطوة 3 | الصق موجه المولد التي تم إنشاؤها في ChatGPT إلى المحبوب واضغط على Enter. ستبدأ الأداة في بناء التطبيق. |
الخطوة 4 | إذا واجهت أي مشكلات ، أعد تحميل الصفحة ، اطلب من الأداة حل المشكلات |
الخطوة 5 | مرة واحدة ، يتم إنشاء التطبيق تلقائيا إنشاء معاينة للتطبيق. يمكنك البدء في استخدامه. |
الخطوة 6 | لإضافة المزيد من الميزات إلى التطبيق ، يمكنك استخدام المزيد من المطالبات لتحسين وتخصيص تطبيقك. على سبيل المثال: أضف القدرة على تعيين مؤقت لكل مهمة ، تحديث الأداة الرمز لإضافة هذه الميزة. |
الخطوة 7 (اختياري) | بعد ذلك ، يمكنك استخدام Supabase لتخزين البيانات ومنع فقدان البيانات. |
الخطوة 8 | انقر على زر النشر لجعل التطبيق الخاص بك يعيش مع رابط عام. |
الخطوة 9 | لحفظ الرمز محليًا على جهازك ، قم بالاتصال بحساب GitHub وارتداء الرمز. |
لقد جربت الأدوات المحببة. كلاهما يقدم نتائج لا تصدق في بناء تطبيقات ويب بسيطة في دقائق فقط ، ولكنها تختلف قليلاً من حيث الحدود.
في تجربتي ، يقدم Bolt Tokens محدودة (مقدار النص أو الكود الذي يمكن أن يكتبه ؛ في الترباس ، كان يقتصر على 150 ألف كلمة) في اليوم ، وهو ما لا يزيد الكثير إذا كنت ترغب في إنشاء تطبيق متقدم يتطلب مطالبات متعددة ومئات خطوط التعليمات البرمجية. بالإضافة إلى ذلك ، تحتاج إلى حساب github لإنشاء واستخدام الترباس.
من ناحية أخرى ، تتبع Lovable نهجًا أكثر سهولة في الاستخدام من خلال السماح لك بتسجيل الدخول مع حساب Google نظرًا لأن العديد من المبرمجين ليس لديهم حساب github.
أيضًا ، على عكس Bolt ، تقدم Lovable خمس مطالبات مجانية يوميًا (كم مرة يمكنك التواصل مع التطبيق) ، مما يتيح لك إنشاء خطط وتكرارها وإصلاح أي مشكلات دون القلق بشأن تجاوز الحدود.
سأستخدم محبوب لمساعدتك في بناء التطبيق. يمكنك أيضًا رؤية Bolt إذا كان لديك حساب GitHub لأنها تقدم نهجًا وواجهة مماثلة.
أولاً ، لنبدأ بإنشاء فكرة. على الرغم من أن هذه التطبيقات يمكن أن تفهم اللغة الطبيعية ، فمن الأفضل أن تخطط وتضمين جميع تفاصيل التطبيق التي ستقوم بإنشائها مسبقًا في إحدى المطالبة للحصول على نتائج أفضل وتجنب إهدار الحد الأدنى المجاني الخاص بك دون داع عن طريق تكرار الطلبات لاحقًا.
ولا تقلق ، لا تحتاج إلى أي معرفة مسبقة. يمكنك استخدام أي أداة AI chatbot لإنشاء موجه مفصل لإنشاء تطبيق ؛ أوصي باستخدام chatgpt للحصول على نتائج أفضل.
تفضل بزيارة chatgpt.com وابدأ في السؤال عما تريد إنشاء تطبيق مع هذه الميزات. إذا كان لديك أي خبرة ، فيمكنك تحديد أي ميزات مصممة لتلبية احتياجاتك. قضاء بعض الوقت وضبط المطالبة.
أخيرًا ، اطلب من chatgpt إنشاء موجه منظمة العفو الدولية لإنشاء التطبيق.
بعد ذلك ، انتقل إلى Lovable.dev وانقر على التسجيل إذا لم يكن لديك حساب.

يمكنك استخدام حساب Google أو github للتسجيل في Lovable. أوصي باستخدام حساب Google لأنه من السهل إعداده ، وكل شخص لديه.
بمجرد تسجيل الدخول ، في شاشة الدردشة ، قم بنسخ الموجه من ChatGpt ، والصقه كمطالبة ، واضغط على Enter أو انقر فوق السهم الصغير في الزاوية اليمنى السفلية. ستبدأ الأداة في إنشاء التطبيق بالملفات اللازمة.
اعتمادًا على ميزات التطبيق ، قد يستغرق الأمر عدة دقائق لبناءه. إذا واجهت أي خطأ مثل خطأ غير معروف أو حدث خطأ ما ، ويتوقف التطبيق عن بناء ، فيمكنك استخدام موجه تطبيق الاستمرار لاستئناف العملية.
بمجرد اكتمال الإنشاء ، يمكنك عرض معاينة تطبيق العمل في علامة التبويب اليمنى والتبديل بين عرض الهاتف المحمول وسطح المكتب.
إذا واجهت خطأ ، سيطلب منك التطبيق إصلاحه ، وسيبدأ الأداة تلقائيًا في حل المشكلة. يمكنك تحسين التطبيق بميزات جديدة باستخدام مطالبات من الشريط الجانبي الأيسر. تذكر أنك سوف تقتصر على 5 مطالبات في اليوم. بمجرد وصولك إلى الحد الأقصى ، ستحتاج إلى الانتظار لمدة 24 ساعة.
في هذه الحالة ، أريد تطبيق المهام في قائمة المهام مع خيار لتعيين مؤقت مخصص لكل مهمة ، وأريد تعيين أولوية المهمة قبل إضافة المهمة. يمكنك تعديل المزيد والحصول على المطالبة التي تستخدمها chatgpt ، ثم تقوم الأداة بتحديث التطبيقات بهذه الميزات الجديدة.
مبروك! لقد قمت للتو ببناء الطرف الأمامي لتطبيق قائمة المهام في دقائق فقط. يمكنك استخدامه لإنشاء قائمة المهام. ومع ذلك ، نظرًا لعدم وجود قاعدة بيانات ، قد تفقد بياناتك إذا قمت بإعادة تعيين التطبيق أو مسحت ذاكرة التخزين المؤقت Chrome أو أي متصفح آخر تستخدمه.
لتجنب ذلك ، يمكنك توصيل البيانات بقاعدة البيانات واستخدامها لتخزين البيانات. لا تقلق؛ يمكنك القيام بذلك في خطوات بسيطة.
يمكنك توصيل التطبيق الخاص بك بقاعدة البيانات ، وتخزين جميع بياناتك ، وإضافة المصادقة ، وحتى إرسال رسائل البريد الإلكتروني. في حالتي ، يستخدم تطبيق قائمة المهام التي قمت ببنائها تخزين المتصفح المحلي لتخزين جميع مهامك ، وإذا قمت بمسح ذاكرة التخزين المؤقت لـ Google Chrome أو أي متصفح تستخدمه ، فسيتم حذف جميع مهامك. لتجنب ذلك ، يمكنك توصيله بقاعدة البيانات وتخزين البيانات على الخادم.
يوفر Lovable أيضًا طريقة سهلة لتوصيل التطبيق الخاص بك بقاعدة بيانات ، وتخزين البيانات باستخدام المهمة ، وإضافة المصادقة ، وإرسال رسائل البريد الإلكتروني ، والمزيد.
انقر على supabase ، ثم قم بتوصيل Supabase ، وقم بإنشاء حساب هناك. بعد إنشاء حساب ، انقر فوق "Outhable Lovable" . تحتاج إلى حساب github لإنشاء حساب في supabase. إذا لم يكن لديك حساب github ، فيمكنك إنشاء حساب من هنا.
الآن ، إنشاء حساب supabase . تحتاج إلى تسجيل الدخول باستخدام حساب github الخاص بك. بمجرد إنشائها ، عد إلى التطبيق ، ويعرض التطبيق اسم مشروعك ومعرفك على الصفحة.
انقر على حسابك ثم انقر فوق إنشاء مشروع جديد.
بعد ذلك ، أدخل اسم المشروع وإنشاء مشروع جديد ، والذي سيتصل تلقائيًا بقاعدة البيانات. في وقت لاحق ، يمنحك خيارات للعديد من الإجراءات المختلفة. في هذه الحالة ، أطلب فقط تخزين بيانات المهمة.
يمنحك التطبيق رمز SQL. يمكنك مراجعة الرمز إذا كنت على دراية به وانقر فوق تطبيق التغييرات . سيتم توصيل التطبيق بنجاح بقاعدة البيانات.
الآن ، يمكنك نشر التطبيق واستخدامه على هاتفك المحمول. انقر على زر النشر ونشر مرة أخرى للحصول على الرابط. تذكر ، إنه رابط عام ؛ يمكن لأي شخص يصل إلى ذلك نسخ وإعادة تعزيز رمز التطبيق الخاص بك. تحتاج إلى الاشتراك في خطط Premium لإنشاء مشروع خاص.
يمكنك أيضًا مشاركة الرمز إلى GitHub ، وتنزيل المشروع محليًا ، والبدء في تطويره على جهازك. قم بتوصيل حساب GitHub الخاص بك وارتداء المشروع إلى GitHub.
هذا كل شيء! لقد قمت بإنشاء تطبيق قائمة مهام كامل باستخدام أدوات AI البسيطة في غضون دقائق. أتمنى أن تجد هذا الدليل مفيدًا.
يمكنك إنشاء أي تطبيق تريده ، والاحتمالات لا حصر لها ، ولكن تذكر أن الإصدار المجاني من أدوات AI هذه يقتصر على بعض المطالبات ، يمكنك اختيار خطة متميزة يمكن أن تزيد من هذا الحد ولكنها مكلفة إذا كنت مستخدمًا عاديًا. على سبيل المثال ، تكلف خطة المبتدئين المحببين 20 دولارًا وهي نفس خطة ChatGpt Plus. الخطة المجانية ، التي تتيح الوصول إلى 5 مطالبات يوميًا (تقتصر على 30 شهريًا) ، هي أكثر من كافية لبناء تطبيق ويب أساسي. أتمنى أن تجد هذا الدليل مفيدًا ؛ إذا كان لديك أي اقتراحات أو تواجه مشكلات ، فأخبرني في التعليقات.
عرض التطبيق الذي قمت ببنائه: https://pomodoro-panda-lanner.lovable.app./
الأسئلة الشائعة حول بناء التطبيقات باستخدام أدوات الذكاء الاصطناعي
1. هل يمكنني استخدام Lovable أو Bolt لإنشاء تطبيقات الهاتف المحمول ، أم أنها فقط لتطبيقات الويب؟
يمكنك أيضًا استخدام هذه الأدوات لإنشاء تطبيقات الهاتف المحمول. يمكنك أن تطلب من الأدوات لكتابة الكود في React Native ونشرها لاحقًا على منصات متنقلة مثل Google Play و Apple App Store. يمكنك أيضًا تحويل التطبيقات الموجودة إلى تطبيقات الأجهزة المحمولة باستخدام Frameworks نفس الإطار الأصلي React أو لفها في عرض ويب باستخدام أدوات مثل Capacitor أو Cordova.
2. هل أحتاج إلى أي معرفة ترميز لاستخدام المحبوب أو الترباس؟
لا ، لا تحتاج إلى أي معرفة برمجية سابقة لبناء تطبيقات الويب الأساسية. ومع ذلك ، يمكن أن تكون أدوات الذكاء الاصطناعى هذه الفواق في بعض الأحيان ، لذلك تحتاج إلى معرفة فنية وترميز لإصلاح المشكلات. ومع ذلك ، في معظم الحالات. يمكنك إنشاء تطبيقات باستخدام مطالبات اللغة الطبيعية دون كتابة سطر واحد من التعليمات البرمجية.
3. ما هي الاختلافات الرئيسية بين المحبوب والبراغي؟
يتيح لك Lovable تسجيل الدخول مع حساب Google ويقدم 5 مطالبات مجانية يوميًا ، بينما يتطلب Bolt ، من ناحية أخرى ، حساب Github ويوفر 150 ألف رموز مجانية يوميًا. كلاهما لديه ما يقرب من واجهة مماثلة. Additnaly Bot. الجديد يتيح لك تنزيل أو نقل الكود بعمق في خوادم الشبكة. بينما في العالم ، تحتاج إلى الالتزام. رمز github للحصول على الرمز.
4. هل يمكنني بناء تطبيقات معقدة باستخدام أدوات الذكاء الاصطناعي هذه؟
نعم ، ولكن سيكون هناك قيود لأن التطبيقات المعقدة تتطلب معرفة الترميز المتقدمة. توفر هذه الأدوات أيضًا مطالبات محدودة يوميًا ، والتي قد تكون كافية لبناء التطبيق باستخدام إصدارات مجانية.
5. ماذا يحدث إذا نفدت من المطالبات الحرة أو الرموز؟
في محبوب ، يقتصر الإصدار المجاني على 5 مطالبات يومية ، ويجب أن تنتظر 24 ساعة لإعادة ضبطها. في الترباس ، بمجرد أن تتجاوز 150 كيلو رموز ، يجب أن تنتظر حدود إعادة التعيين اليومية للحصول على المزيد من الرموز.