Rentmate

شرح المشروع للمستقل: واجهة React لمشروع RentMate

اسم المشروع:

RentMate – منصة تأجير عقارات بين الملاك والمستأجرين

الغرض من المشروع:

إنشاء واجهة أمامية (Front-End) تفاعلية باستخدام React.js لتطبيق ويب يربط بين الملاك (Landlords) والمستأجرين (Tenants)، بالإضافة إلى لوحة تحكم للمشرف (Admin) لإدارة المنصة.

أنواع المستخدمين (Actors):

Admin – مسؤول عن الموافقة على حسابات الملاك والمنشورات.

Landlord – يمكنه إدارة العقارات والتفاعل مع المستأجرين.

Tenant – يمكنه تصفح العقارات والتقديم للإيجار والتواصل مع الملاك.

المتطلبات الرئيسية لتطوير الواجهة الأمامية:

المصادقة وتسجيل الدخول:

صفحة تسجيل/تسجيل دخول لكل نوع مستخدم (Admin / Landlord / Tenant)

عرض مختلف حسب صلاحية المستخدم

️ عرض العقارات:

يمكن لأي زائر (بدون تسجيل دخول) تصفح العقارات.

صفحة بحث متقدمة حسب الموقع والسعر

عرض تفاصيل العقار:

اسم المالك، العنوان، الوصف، السعر، الصور، عدد المشاهدات، الحالة (متاح / مؤجَّر)

️ التفاعل من طرف المستأجر:

التقديم للإيجار من خلال رفع ملفات (وثائق)

حفظ العقارات المهمة

إرسال رسائل أو تعليقات للمالك (messaging & comments)

? لوحة المالك:

إدارة العقارات (إضافة، تعديل، حذف)

مراجعة طلبات الإيجار والموافقة/الرفض

التواصل مع المستأجرين

️ لوحة المشرف (Admin):

الموافقة أو الرفض على تسجيل حسابات الملاك

الموافقة أو الرفض على المنشورات قبل نشرها للعامة

التقنيات والوظائف المطلوبة في الواجهة:

? Frameworks / Libraries:

React.js (مطلوب)

React Router – للتنقل بين الصفحات

React Dropzone أو أي مكتبة رفع ملفات

️ عدد الصفحات/الواجهات المتوقعة:

صفحة رئيسية

صفحة تسجيل الدخول

صفحة تسجيل حساب (Landlord / Tenant)

لوحة تحكم Admin

لوحة تحكم Landlord

لوحة تحكم Tenant

صفحة عرض العقارات

صفحة تفاصيل العقار

صفحة الرسائل / الدردشة

ملخص المطلوب من المستقل:

تطوير الواجهة الأمامية الكاملة باستخدام React

تصميم جذاب وبسيط (يمكن استخدام Bootstrap, Tailwind, MUI...)

التفاعل مع المستخدم حسب نوعه (Admin / Landlord / Tenant)

تكامل مع الـ backend عبر API

كتابة كود نظيف ومنظم وقابل للتوسيع