react online store

لقد قمت بعمل واجهة متجر إلكتروني لعرض المنتجات باستعمال react js.

لتجربة لوحة التحكم سجل الدخول عن طريق

اسم المستخدم : ahmed

كلمة المرور: ahmed

وصف الموقع:

الموقع عبارة عن اونلاين استور لعرض المنتجات، يمكن للادمين اضافة وحذف المنتجات ، كل المحتوى الموجود في الموقع يعمل بشكل ديناميكي تماماً بدون استعمال اي BACK END، حيث يتم توليد الصفحات الخاصة بالمنتجات والصفحات والاقسام الخاصة بالتصنيفات، لمزيد من الشرح تابع الفيديو.

مميزات الموقع:

- عرض المنتجات والتصنيفات بشكل ديناميكي كامل حيث يتم اضافة وحذف وتعديل كلاً من المنتجات والتنصيفات من لوحة التحكم وبدون استعمال اي back end

- يتم توليد صفحات للمنتجات والتصنيفات بشكل ديناميكي لكل واحد منها

- الموقع سلس وسهل التنقل بين صفحاته، ولا يحدث الي load عند التنقل بين صفحات الموقع.

- استعمال اخدث التقنيات والمكتبات في عالم fornt end

- جميع الصفحات مرتبطبة ببعضها بشكل يسهل على الزائر تصفح الموقع.

صفحات الموقع:

- الصفحة الرئيسية: صفحة المتجر وتضمن التصنيفات واهم المنتجات

- صفحة المنتجات: وتتضمن جميع المنتجات ووسائل فلترة المنتجات للحصول على منتجات من تصنيف معين

- صفحة التصنيف: تتضمن جميع المنتجات التي تأخض هذا التصنيف

- صفحة المنتج: وتتضمن معلومات عن المنتج (كل منتج له صفحة يتم توليدها بشكل تلقائي)

- صفحى تسجيل الدخول:

- صفحة لوحة التحكم: وهي خاصة بالادمن وتستخدم لاضافة وحذف والتعديل على كلاً من المنتجات والتصنيفات

بينات المنتجات:

لقد قمت باستخدام fake store Api لتوليد المنتجات وهو موقع يعطي API خاص بالمنتجات بشكل مجاني حتى يمكمن للـ front end من تجربة منتجاتهم.

التقنيات والمكتبات المستخدمة:

- react js

- react router dom

- axios api

- sweet alert

- react fotawsome

- fake store api

- bootstrap

- html, css, javascript