السلام عليكم
وصف المشروع:
لدي موقع إلكتروني على دومين خاص وأرغب في تنفيذ نظام قوالب تفاعلي أستخدمه شخصيًا داخل لوحة التحكم. النظام يسمح لي باختيار قالب، إدخال نص، ورفع صورة أو فيديو، مع ربط النص بالذكاء الاصطناعي لتصحيح وتحسين الصياغة تلقائيًا.
( اللغة - عربي / إنجليزي )
1) صفحة اختيار القوالب (Templates Page)
صفحة داخل الموقع تحتوي على مجموعة من 10 قوالب جاهزة.
• أستطيع اختيار أي قالب منها للبدء في التعديل.
• القوالب قابلة للزيادة لاحقًا من جهتي دون الرجوع للمطور.
• يمكن أن تكون: بطاقات – بنرات – تصاميم محتوى – مقاسات سناب – إنستغرام بوست 1080×1080 – تويتر (X) 1600×900.
• يتم الاتفاق على شكل القوالب بعد التعاقد، مع إمكانية أن أصمّم قوالب جديدة من جهتي.
2) مساحة النص (Text Input) مرتبطة بالذكاء الاصطناعي
• مربع لإدخال النص داخل صفحة القالب.
• عند كتابة النص يتم إرساله تلقائيًا إلى خدمة AI مثل OpenAI API.
• يقوم الذكاء الاصطناعي بـ:
– تصحيح الأخطاء الإملائية واللغوية
– تحسين الصياغة
– إعادة كتابة النص بشكل احترافي
• النص النهائي يظهر مباشرة داخل القالب (Live Preview).
• يمكنني تغيير إعدادات API Key من لوحة التحكم لاحقًا.
3) مساحة ميديا (صورة/فيديو)
• مكان مخصص داخل القالب حسب التصميم.
• عند الضغط عليه يمكنني رفع صورة من الجوال/الكمبيوتر أو رفع فيديو قصير (MP4).
• النظام يتعامل مع الأحجام ويحافظ على نسبة الأبعاد قدر الإمكان.
4) الخطوط والألوان والشعار
الخطوط (سطر واحد): خط 1 – خط 2 – خط 3
• ويمكنني إضافة أي خط جديد من طرفي دون الرجوع للمطور.
الألوان: لون 1 – لون 2 – لون 3
• ويمكنني إضافة أي لون جديد بدون تعديل برمجي.
• يوجد شعار سيتم إرفاقه بعد التعاقد.
5) المواصفات التقنية
يفضَّل استخدام:
• HTML / CSS / JavaScript
• أو React / Vue / Next.js
• مع دعم Canvas أو SVG (Fabric.js / Konva.js)
المتطلبات البرمجية:
• معاينة مباشرة للنص داخل القالب
• دعم كامل للغة العربية
• رفع صورة أو فيديو ودمجها في القالب
• توافق تام مع الجوال (Responsive)
6) إخراج التصميم (اختياري)
• إمكانية حفظ التصميم النهائي كصورة عالية الدقة PNG / JPG
• وإذا احتوى القالب فيديو → حفظه بصيغة MP4
• يتم الحفظ بنفس مقاسات القالب الأصلية:
– سناب شات: 1080 × 1920 px
– إنستغرام بوست: 1080 × 1080 px
– تويتر (X): 1600 × 900 px
7) المواد التي سأقدمها بعد التعاقد:
• فيديو توضيحي
• أمثلة للقوالب
• ملفات الخطوط
• أكواد الألوان
• الأبعاد المطلوبة
8) ما أحتاجه في العرض:
1.روابط أعمال مشابهة (أدوات تصميم/Canvas/AI)
2.التقنيات التي سيتم استخدامها
3.مدة التنفيذ
4.السعر النهائي
الرجاء التقديم فقط لمن يملك خبرة عالية في تنفيذ هذا النوع من المشاريع.
يوجد مشاريع أخرى سيتم الاتفاق عليها لاحقًا.
السلام عليكم أ. عبدالله، اطلعت على تفاصيل مشروعكم بعناية، وفكرة نظام القوالب التفاعلي المرتبط بالذكاء الاصطناعي فكرة مميزة وقوية، ويسعدني تنفيذها لكم بشكل احترا...
السلام عليكم ورحمة الله وبركاته، يعطيكم العافية اطلعت على تفاصيل المشروع بشكل كامل، والفكرة واضحة بالنسبة لي: المطلوب بناء نظام قوالب مرن داخل موقعك الحالي، يسم...