منصة عقارات عربيةمكتمل

منصة عقارات

منصةُ اكتشافِ عقاراتٍ عربيةٌ أولًا، بخريطة MapLibre تفاعلية، وتصفيةٍ متقدمة حسب النوع والموقع وغرف النوم والمساحة والسعر، وواجهةٍ زجاجية كاملة الاتجاه من اليمين لليسار. قالبٌ أوّلي مُولَّد بـ v0.app.

تصفّحِ العقارات على خريطةٍ حيّة، وضيِّق حسب الميزانية والموقع والنوع والمساحة، وافتحْ أي قائمةٍ على معرضٍ وبيانات تواصل الوكيل. تجربةُ اكتشافٍ عربيةٌ أولًا، كاملة الاتجاه من اليمين لليسار، مبنيةٌ كقالبٍ أوّلي سريع.

ما الذي يحلّه

اكتشاف العقارات مبعثرٌ بين مجموعات واتساب والإعلانات وأرقام الوكلاء، دون بحثٍ موحّد.
والقوائم الثابتة تفتقر إلى السياق البصري؛ لا يرى المشتري الحيَّ ولا المرافق المجاورة.
ويُضطرّ المشتري إلى مطاردة وكلاء كثيرين، بلا بحثٍ ذاتي حسب الميزانية أو الموقع أو النوع.
وكثيرًا ما تهمل المواقع العقارية العربية تخطيط RTL، فيشقّ التصفّح على الجوال.
وبلا حفظٍ لحالة المستخدم، لا يستطيع المشتري الاحتفاظ بالمفضّلة ولا تتبّع سجلّ استفساراته.

الأثر

Interactive map

MapLibre + بلاطات CartoDB

Advanced filters

النوع والموقع والغرف والمساحة والسعر

RTL Arabic

واجهة زجاجية متجاوبة

البنية

الواجهة الأمامية

Next.js 16 (App Router)React 19TypeScript 5Tailwind CSS 4shadcn/ui (Radix primitives)

الخرائط

MapLibre GL JS 5.15.0CartoDB dark tiles

النماذج

React Hook FormZod validation

واجهة المستخدم

Embla Carousel (property galleries)date-fnsRecharts (future analytics)

البيانات

Hardcoded / JSON (Postgres + Drizzle planned)

المصادقة

البنية التحتية

VercelVercel Analytics

تدفّق البيانات

الوصول إلى / → واجهة MapLibre (بلاطات CartoDB)
تكبير / تحريك الخريطة (من جانب العميل فقط)
تصفح العقارات المميزة (مُضمَّنة)
/realestate → شبكة مع مرشّحات
اختيار المرشّحات → تقليل من جانب العميل (دون طلب)
النقر على العقار → /realestate/[id] (معرض + مواصفات)
نموذج تواصل (لاحقًا: إجراء خادم → بريد)
تسجيل / دخول (صفحات موجودة، دون حفظ بعد)

القرارات الهندسية

MapLibre GL + CartoDB بدل خرائط Google

بلاطاتٌ مجانية بلا مفتاح API وخفيفة، مثاليةٌ لنموذجٍ أوّلي، مع سهولة الانتقال إلى بلاطاتٍ مخصّصة لاحقًا.

واجهة يولّدها v0.app

تكرارٌ سريع مع مزامنةٍ تلقائية لتغييرات التصميم إلى GitHub، دون عبء CSS مخصّص للقوائم الثابتة.

تصفيةٌ من جانب العميل

تعيش العقارات كـ JSON في الخصائص أو localStorage، بلا طبقة استعلامٍ خلفية بعد؛ وهذا يتّسع حتى نحو 500 قائمة قبل الانتقال إلى Postgres + Drizzle.

Tailwind بنهج RTL أولًا

يضبط الجذر dir="rtl"، وتَقلب خصائص CSS المنطقية (ms-*, me-*) الحشوَ والهوامش تلقائيًا، دون مكتبات RTL إضافية.

عقاراتٌ مُضمَّنة للنموذج الأوّلي

بلا عبء قاعدة بياناتٍ الآن، ويمكن إضافة Firebase أو Postgres لاحقًا دون المساس بالواجهة.