NAFHA — متجر عطور إلكتروني

ما هذا المنتج

متجر عطور إلكتروني مبني بالكامل، يعمل من أول لحظة: يتصفّح الزائر التشكيلة، يصفّي حسب العائلة العطرية أو الجنس أو السعر، يفتح تفاصيل أي عطر، يضيفه للسلة، ويُتمّ طلبًا كاملًا حتى شاشة التأكيد ورقم الطلب.

مكتوب بـ HTML و CSS و JavaScript خام — بلا أي إطار عمل أو مكتبة خارجية. لا خطوة بناء، ولا npm install، ولا اعتماديات تحتاج تحديثًا كل شهر. تفتح الملفات في المتصفح فيعمل.

العنصر المُوقّع: هرم النوتات

معظم متاجر العطور تعرض النوتات العطرية كقائمة نصية. هنا هي هرم فعلي — نوتات الرأس ثم القلب ثم القاعدة، بعرض متدرّج يعكس البنية الحقيقية في صناعة العطور. يظهر على الصفحة الرئيسية وعلى صفحة كل منتج، وهو ما يميّز المتجر بصريًا عن قالب عام.

القرار المعماري الذي يهمّك

كل تعامل مع البيانات يمرّ عبر طبقة واحدة اسمها Store. لا صفحة تقرأ أو تكتب في localStorage مباشرة. هذا ليس تفصيلًا تنظيميًا: معناه أن استبدال التخزين المحلي بقاعدة بيانات أو API حقيقي لاحقًا يمسّ ملفًا واحدًا، ولا يمسّ أي صفحة من صفحات المتجر.

بعبارة أوضح: المتجر يعمل اليوم بلا خادم، ومُهيَّأ ليعمل غدًا بخادم، دون إعادة كتابته.

ما تحصل عليه عند الشراء

الكود المصدري كاملًا، ومعه توثيق يشرح كل صفحة ومعايير قبولها ونموذج البيانات والقرارات التقنية ومبرراتها — فيمكن لأي مطوّر (أو لك) متابعة التطوير دون إعادة استكشاف ما بُني ولماذا.

المشروع ملكك بعد الشراء: عدّله، أعد تسميته، انشره على استضافتك.

قبل أن تشتري

اقرأ قائمة «ما لا يشمله» أعلاه. هذا المتجر نسخة أولى كاملة الوظائف (MVP)، وليس نظامًا مؤسسيًا: لا بوابة دفع، ولا حسابات مستخدمين، ولا لوحة تحكم. إن كنت تحتاج أيًّا من هذه، فهي إضافات تُقدَّر بشكل منفصل — تواصل معنا لنقاشها قبل الشراء لا بعده.