واجهة متجر الكتروني HTML CSS JS

واجهة متجر الكتروني html css js في ملف واحد

Bognd إنشاء صفحة متكاملة وإنشاء خادم ( بحقوق ملكية

**برومبت شامل واحترافي لتصميم تطبيق HTML:** "قم بتصميم تطبيق ويب احترافي باستخدام HTML يتيح للمستخدم تحميل صورة تحتوي على جدول، مع الخصائص التالية: 1. **تحويل الصورة إلى جدول Excel**: - استخراج البيانات من صورة الجدول باستخدام تقنيات التعرف الضوئي على الحروف (OCR) مع الحفاظ على الشكل الدقيق، الأبعاد، التنسيق (مثل الخطوط، الألوان، الحدود، وتخطيط الخلايا)، والمحتوى كما في الصورة الأصلية. - إنشاء ملف Excel (.xlsx) يعكس الجدول بدقة، مع دعم الجداول متعددة الصفحات أو الجداول ذات التنسيقات المعقدة (مثل الخلايا المدمجة). - إتاحة خيار تنزيل ملف Excel المُنشأ بسهولة. 2. **ترجمة محتوى الجدول**: - توفير واجهة لاختيار لغة الهدف (مثل الإنجليزية، الفرنسية، الإسبانية، إلخ) لترجمة جميع النصوص الموجودة في الجدول. - استخدام API ترجمة موثوق (مثل Google Translate أو DeepL) لضمان دقة الترجمة. - عرض معاينة للجدول المترجم قبل تنزيله كملف Excel، مع إمكانية تعديل الترجمة يدويًا إذا لزم الأمر. 3. **شرح بنود الجدول باستخدام DeepSeek**: - دمج DeepSeek لتحليل محتوى الجدول وتقديم شروحات واضحة وموجزة لكل بند أو عمود في الجدول بناءً على سياق البيانات. - عرض الشروحات في نافذة جانبية أو أداة تلميح (tooltip) بجانب كل خلية أو رأس جدول، مع إمكانية تخصيص مستوى التفصيل (موجز أو مفصل). - دعم الشروحات متعددة اللغات بناءً على لغة الترجمة المختارة. 4. **خصائص إضافية**: - **واجهة مستخدم بديهية**: تصميم واجهة نظيفة وحديثة باستخدام إطار عمل مثل Bootstrap أو Tailwind CSS، مع دعم الوضع الداكن والتصميم المتجاوب للأجهزة المختلفة (الهواتف، الأجهزة اللوحية، وأجهزة الكمبيوتر). - **معاينة الجدول**: عرض معاينة تفاعلية للجدول المستخرج من الصورة قبل التحويل إلى Excel، مع إمكانية تعديل البيانات يدويًا. - **التعامل مع الأخطاء**: التعرف على الصور ذات الجودة المنخفضة وتوجيه المستخدم لتحسين جودة الصورة، مع إشعارات واضحة لأي مشاكل في الاستخراج أو الترجمة. - **دعم تنسيقات الصور المتعددة**: قبول صور بصيغ مختلفة (مثل PNG، JPEG، PDF) مع تحسين أداء المعالجة. - **تاريخ العمليات**: حفظ سجل الجداول المحولة مؤقتًا للمستخدم (مع خيار حذف يدوي)، مع إمكانية إعادة تحميل الجداول السابقة. - **الأمان والخصوصية**: ضمان حماية بيانات المستخدم بعدم حفظ الصور أو البيانات على الخادم بعد المعالجة، مع استخدام تشفير HTTPS. 5. **الأداء والتكامل**: - تحسين سرعة معالجة الصور واستخراج البيانات باستخدام مكتبات مثل Tesseract.js لـ OCR وxlsx.js لإنشاء ملفات Excel. - ضمان التكامل السلس مع DeepSeek عبر API لتوفير الشروحات دون تأخير. - دعم التحميل المتعدد (batch processing) لمعالجة أكثر من صورة في وقت واحد إذا لزم الأمر. 6. **تجربة المستخدم**: - إضافة تعليمات واضحة داخل التطبيق (مثل نصوص مساعدة أو فيديو توضيحي قصير). - دعم اللغات المتعددة لواجهة التطبيق نفسه (عربي، إنجليزي، إلخ). - توفير زر للتواصل مع الدعم الفني في حالة وجود مشاكل. يجب أن يكون التطبيق خفيف الوزن، سريع الأداء، وسهل الاستخدام، مع التركيز على الدقة في استخراج البيانات، جودة الترجمة، ووضوح الشروحات. قدم الكود مع تعليقات توضيحية لكل جزء، وتأكد من اختبار التطبيق على سيناريوهات مختلفة (مثل جداول معقدة، صور منخفضة الجودة، أو نصوص متعددة اللغات)."

**برومبت شامل واحترافي لتصميم تطبيق HTML:** "قم بتصميم تطبيق ويب احترافي باستخدام HTML، CSS، وJavaScript يتيح للمستخدم تحميل صورة تحتوي على جدول، مع الخصائص التالية: 1. **تحويل الصورة إلى جدول Excel**: - استخراج البيانات من صورة الجدول باستخدام تقنيات التعرف الضوئي على الحروف (OCR) مع الحفاظ على الشكل الدقيق، الأبعاد، التنسيق (مثل الخطوط، الألوان، الحدود، وتخطيط الخلايا)، والمحتوى كما في الصورة الأصلية. - إنشاء ملف Excel (.xlsx) يعكس الجدول بدقة، مع دعم الجداول متعددة الصفحات أو الجداول ذات التنسيقات المعقدة (مثل الخلايا المدمجة). - إتاحة خيار تنزيل ملف Excel المُنشأ بسهولة. 2. **ترجمة محتوى الجدول**: - توفير واجهة لاختيار لغة الهدف (مثل الإنجليزية، الفرنسية، الإسبانية، إلخ) لترجمة جميع النصوص الموجودة في الجدول. - استخدام API ترجمة موثوق (مثل Google Translate أو DeepL) لضمان دقة الترجمة. - عرض معاينة للجدول المترجم قبل تنزيله كملف Excel، مع إمكانية تعديل الترجمة يدويًا إذا لزم الأمر. 3. **شرح بنود الجدول باستخدام DeepSeek**: - دمج DeepSeek لتحليل محتوى الجدول وتقديم شروحات واضحة وموجزة لكل بند أو عمود في الجدول بناءً على سياق البيانات. - عرض الشروحات في نافذة جانبية أو أداة تلميح (tooltip) بجانب كل خلية أو رأس جدول، مع إمكانية تخصيص مستوى التفصيل (موجز أو مفصل). - دعم الشروحات متعددة اللغات بناءً على لغة الترجمة المختارة. 4. **خصائص إضافية**: - **واجهة مستخدم بديهية**: تصميم واجهة نظيفة وحديثة باستخدام إطار عمل مثل Bootstrap أو Tailwind CSS، مع دعم الوضع الداكن والتصميم المتجاوب للأجهزة المختلفة (الهواتف، الأجهزة اللوحية، وأجهزة الكمبيوتر). - **معاينة الجدول**: عرض معاينة تفاعلية للجدول المستخرج من الصورة قبل التحويل إلى Excel، مع إمكانية تعديل البيانات يدويًا. - **التعامل مع الأخطاء**: التعرف على الصور ذات الجودة المنخفضة وتوجيه المستخدم لتحسين جودة الصورة، مع إشعارات واضحة لأي مشاكل في الاستخراج أو الترجمة. - **دعم تنسيقات الصور المتعددة**: قبول صور بصيغ مختلفة (مثل PNG، JPEG، PDF) مع تحسين أداء المعالجة. - **تاريخ العمليات**: حفظ سجل الجداول المحولة مؤقتًا للمستخدم (مع خيار حذف يدوي)، مع إمكانية إعادة تحميل الجداول السابقة. - **الأمان والخصوصية**: ضمان حماية بيانات المستخدم بعدم حفظ الصور أو البيانات على الخادم بعد المعالجة، مع استخدام تشفير HTTPS. 5. **الأداء والتكامل**: - تحسين سرعة معالجة الصور واستخراج البيانات باستخدام مكتبات مثل Tesseract.js لـ OCR وxlsx.js لإنشاء ملفات Excel. - ضمان التكامل السلس مع DeepSeek عبر API لتوفير الشروحات دون تأخير. - دعم التحميل المتعدد (batch processing) لمعالجة أكثر من صورة في وقت واحد إذا لزم الأمر. 6. **تجربة المستخدم**: - إضافة تعليمات واضحة داخل التطبيق (مثل نصوص مساعدة أو فيديو توضيحي قصير). - دعم اللغات المتعددة لواجهة التطبيق نفسه (عربي، إنجليزي، إلخ). - توفير زر للتواصل مع الدعم الفني في حالة وجود مشاكل. يجب أن يكون التطبيق خفيف الوزن، سريع الأداء، وسهل الاستخدام، مع التركيز على الدقة في استخراج البيانات، جودة الترجمة، ووضوح الشروحات. قدم الكود مع تعليقات توضيحية لكل جزء، وتأكد من اختبار التطبيق على سيناريوهات مختلفة (مثل جداول معقدة، صور منخفضة الجودة، أو نصوص متعددة اللغات)."

انشئ لي تطبيق احترافي وبتنسيق رائع جدا وخلفية جذابة بلغة html css JavaScript خاص بحجز موعد طبي اريد الكود كاملا

أريد منك فعل كل شيء وإعطائي الصفحات جاهزة مع إمكانية التسجيل وتسجيل الدخول وأنشاء قاعدة بيانات كاملة لكل شيء