إنشاء تطبيق ويب بأكواد جاهزة

السلام عليكم ورحمة الله

مطلوب مبرمج Next.js 14 + Supabase لتركيب منصة جاهزة 100% - 20 ملف + 3 صور تصميم - المطلوب تركيب وربط فقط ليس برمجة من الصفر.

فكرة المشروع لبيّة عزان: منصة تربط جميع متاجر مدينة عزان شبوة اليمن بمناديب توصيل والعملاء مع خدمتين مميزتين: اكتب طلبك هنا (نص حر) واطلب من شي ان واي متجر عالمي (رابط او صورة).

التقنيات: Next.js 14 + Tailwind RTL + Supabase Database + Realtime + OpenStreetMap مجاني iframe + Google Maps رابط مجاني + Vercel Hosting مجاني - لا نحتاج Google Maps API مدفوع.

الصفحات 10 روابط شغالة مطلوبة:

1- / الرئيسية عرض شبكة المتاجر والمنتجات + زرين اكتب طلبك هنا واطلب من شي ان

2- /login تسجيل دخول موحد 3 ادوار عميل تاجر سائق + تسجيل جديد رقم جوال وكلمة سر - التاجر ينشئ متجره تلقائيا

3- /store/[id] صفحة متجر واحد منتجاته بصور والوان ومقاسات

4- /cart السلة حساب التوصيل حسب المسافة معادلة 1000 ثابت + 300 لكل كم بعد 2 كم + GPS

5- /admin لوحة المدير 780784735 / 1234 - اعداد عمولة متغيرة % + 3 تبويب طلبات: طلبات السوق العادي / طلبات اكتب طلبك نص حر / طلبات شي ان العالمي روابط وصور - في كل طلب اجمالي - عمولتك - نصيب التاجر - زر تحويل للسائق - زر تتبع

6- /store-admin لوحة التاجر اضافة منتج احترافي اسم وصف سعر حالي سعر قديم مخزون تصنيف الوان مقاسات روابط صور متعددة مصفوفة + عرض منتجاته حذف + عرض طلبات واردة عليه فقط + زر تحويل للسائق + رابط خريطة العميل

7- /driver لوحة السائق 3 تبويب سوق طلبات خاصة شي ان - ارسال موقعه كل 10 ثواني + استقبال طلبات on_delivery + فتح خريطة + تم التوصيل

8- /track/[orderId] تتبع حي للعميل OpenStreetMap يعرض موقع السائق

9- /request اكتب طلبك هنا حقل نص حر مثال 2 كيلو لحم + خبز + بندول + اسم ورقم وزر تحديد موقعي GPS يرسل لجدول custom_orders

10- /global اطلب من شي ان حقل رابط منتج + رابط صورة منتج + وصف مقاس لون كمية اسم رقم يرسل لجدول global_orders حالة pending_review

قاعدة البيانات 7 جداول SQL جاهز:

users: id name phone unique password role customer merchant admin driver lat lng area avatar_url

settings: id=1 commission_percent delivery_base_fee delivery_per_km

stores: id owner_id name description logo_url cover_url lat lng area status

products: id store_id name description price old_price stock images text[] colors text[] sizes text[] category is_featured

orders: id store_id customer_id customer_name customer_phone customer_lat lng items jsonb qty color size total delivery_fee status driver_id

custom_orders: id customer_name phone lat lng order_text status driver_id total

global_orders: id customer_name phone product_link product_image description size color quantity status estimated_price commission

RLS سياسة مفتوحة for all using true

التصميم: الوان ثابتة اخضر غامق 0a3d2e + ذهبي d4af37 + خلفية فاتحة f8f7f3 - RTL عربي - 3 صور مرفقة.

ما سارسله للمستقل المختار: ملف نصي واحد فيه 20 ملف مقسم ومرقم جاهز للنسخ واللصق مباشرة + 3 صور تصميم + ملف SQL.

شروط التسليم: تشغيل Supabase وتعبئة env.local ورفع Vercel وتسليم 10 روابط شغالة 100% وفيديو 2 دقيقة يوضح عمل كل صفحة خلال 3 ايام - العمل ساعتين للمحترف لان الاكواد جاهزة.

: هل نفذت Multi-Vendor من قبل؟ هل تفهم Supabase Realtime لتتبع السائق؟ مدة التسليم؟

المهارات: Next.js Supabase Tailwind CSS Vercel متاجر الكترونية

المدة: 3 ايام

انتهى الوصف