WEB-01 موقع مباشر
ميرامار — موقع أعمال ثنائي اللغة
موقع مباشر بالإنجليزية والتركية لمورّد مواد بناء في إسطنبول: Next.js ساكن أولًا، ومشهد ثلاثي الأبعاد انتقائي ببديل ثابت، وحزمة اختبارات Playwright.
ملخص لمسؤولي التوظيف
- المشكلة
- احتاج مورّد مواد بناء في إسطنبول حضورًا رقميًا موثوقًا ثنائي اللغة: كتالوج معدات حقيقي، ونموذج تواصل لطلبات عروض الأسعار، وتكافؤ كامل بين الإنجليزية والتركية.
- مساهمتي
- صممتُ الموقع كاملًا وبنيته ونشرته بمفردي — طبقة محتوى منمّطة، وحدود موثقة بين الخادم والعميل، ومشهد ثلاثي الأبعاد واحد مقصود ببديل ثابت.
- النتيجة
- مباشر على tr-miramar.com مع حزمة اختبارات Playwright ناجحة في CI، ووثائق للبنية و SEO وإمكانية الوصول وقواعد انضباط المحتوى.
ما هو
الموقع العام لشركة ميرامار، مورّد في إسطنبول لمواد البناء وتجهيز المواقع — مواد، وأنظمة كهروميكانيكية، ومضخات — مع مبدّل لغة إنجليزي/تركي، وكتالوج معدات بمرشحات، ونموذج تواصل لطلبات عروض الأسعار مُتحقق منه عبر react-hook-form و Zod.
خيارات هندسية
App Router ساكن أولًا بحدود موثقة بين الخادم والعميل؛ وطبقة محتوى منمّطة بدل النصوص المبعثرة؛ ومشهد React Three Fiber واحد مقصود في الصفحة الرئيسية مع بديل ثابت موثق بدلًا من ثلاثي الأبعاد في كل مكان. وتغطي الوثائق البنية والتصميم والمكونات والنشر و SEO/إمكانية الوصول — مع قاعدة انضباط صريحة: لا عملاء ولا شهادات ولا ادعاءات أداء مخترعة.
الجودة
حزمة Playwright تعرض المسارات الستة كلها، وتختبر قائمة الجوال، وتبديل اللغة، ومرشح المعدات، وتحقق نموذج التواصل. ومعالم دلالية، وحقول موسومة، ودعم تقليل الحركة، وحلقات تركيز، وخريطة موقع مولّدة، وبيانات Open Graph، وصفحة 404 مخصصة. والاختبارات تعمل في GitHub Actions مع كل دفعة (ناجحة حتى يوليو 2026)، والكود مرخّص برخصة MIT.