تطبيق ويب حديث لإدارة و عرض العقارات مبني باستخدام React و TypeScript.
- عرض العقارات: تصفح قائمة شاملة من العقارات المعروضة للبيع أو الإيجار
- تفاصيل العقار: عرض تفاصيل كاملة لكل عقار مع الصور والمميزات
- المفضلة: حفظ العقارات المفضلة للرجوع إليها لاحقاً
- لوحة التحكم: لوحة تحكم للمسؤولين لإدارة العقارات (إضافة، تعديل، حذف)
- واجهة عربية: تصميم متجاوب يدعم اللغة العربية (RTL)
- تصميم عصري: واجهة مستخدم جميلة باستخدام Tailwind CSS و Radix UI
- React 18 - مكتبة JavaScript لبناء واجهات المستخدم
- TypeScript - لغة برمجة توفر نوع البيانات الثابت
- Vite - أداة بناء سريعة وحديثة
- Tailwind CSS - إطار عمل CSS للتصميم السريع
- Radix UI - مكونات واجهة مستخدم قابلة للوصول
- Capacitor - لتحويل التطبيق إلى تطبيق موبايل
- استنسخ المستودع:
git clone https://github.com/tillawiy/realstate.git
cd realstate- ثبت التبعيات:
npm installقم بتشغيل الخادم المحلي للتطوير:
npm run devسيتم فتح التطبيق على http://localhost:5173
لإنشاء نسخة للإنتاج:
npm run buildrealstate/
├── src/
│ ├── components/ # مكونات React
│ │ ├── PropertyListingPage.tsx
│ │ ├── PropertyDetailsPage.tsx
│ │ ├── AdminDashboard.tsx
│ │ ├── FavoritesPage.tsx
│ │ └── ui/ # مكونات واجهة المستخدم
│ ├── App.tsx # المكون الرئيسي
│ ├── main.tsx # نقطة الدخول
│ └── styles/ # ملفات الأنماط
├── public/ # الملفات العامة
├── package.json
└── README.md
- تصفح العقارات المتاحة
- عرض تفاصيل أي عقار
- إضافة العقارات إلى المفضلة
- البحث والفلترة حسب النوع والسعر
- الوصول إلى لوحة التحكم
- إضافة عقارات جديدة
- تعديل معلومات العقارات الموجودة
- حذف العقارات
المشروع يستخدم:
- Vite كأداة بناء
- TypeScript للتحقق من الأنواع
- ESLint (إن وجد) للتحقق من جودة الكود
هذا المشروع مفتوح المصدر ومتاح للاستخدام الحر.
نرحب بمساهماتكم! يرجى فتح issue أو pull request.
tillawiy
للاستفسارات والدعم، يرجى فتح issue في المستودع.
Made with ❤️ by tillawiy using React & TypeScript