A
Anonymous

Default Component - Copy this React, Tailwind Component to your project

1. **واجهة متعددة التبويبات**: - تبويب **البيانات الأساسية**: لإدخال المساحة وعدد الطوابق وجدول تفصيلي للغرف. - تبويب **الخيارات المتقدمة**: لتحديد الواجهات ونسبة المساحة وتضمين الأثاث. - تبويب **وضع الخبير**: لإدخال معايير إنشائية متقدمة (مواد البناء، سماكة الجدران، إضاءة). 2. **عناصر تفاعلية متقدمة**: - **جداول قابلة للتعديل** لإضافة وحذف الغرف. - **أشرطة التمرير (Sliders)** لتحديد النسب المئوية. - **قوائم منسدلة (Comboboxes)** للاختيار من بين خيارات محددة. 3. **تصدير البيانات الفنية**: - حفظ جميع المدخلات كملف JSON للمراجعة لاحقًا أو للتكامل مع برامج CAD. 4. **تحقق من المدخلات**: - يمكنك إضافة شيفرة للتحقق من صحة البيانات (مثال: التأكد من أن المساحة الإجمالية لا تقل عن مجموع مساحات الغرف). --- ### **نصائح لتحسين الواجهة**: - أضف **نافذة معاينة** لعرض المخطط بشكل مباشر أثناء الإدخال. - استخدم **أيقونات توضيحية** لكل قسم لتحسين تجربة المستخدم. - أضف خيار **استيراد بيانات** من ملفات Excel أو CSV للمهندسين الذين يفضلون العمل على جداول بيانات.

Prompt
Component Preview

About

DefaultComponent - Create stunning architecture floor plans with an intuitive UI. Built with React and Tailwind for responsive design. Start coding now!

Share

Last updated 1 month ago