Online Grocery Store

المتاجر عبر الإنترنت

متجر البقالة عبر الإنترنت هو تطبيق ويب يعتمد على التجارة الإلكترونية لمشروع برمجة الويب الخاص بنا. لقد قمنا بتطوير عينة يمكن للمستخدم فيها البحث والعثور على المعلومات اللازمة حول أي عنصر بقالة ، ويمكننا المضي قدمًا في الخروج لشراء المنتجات. يمكن للمستخدم إنشاء حساب ، وتحديث المعلومات الشخصية ، والتحقق من أنشطته والطلبات والمعاملات السابقة ، وعناصر العربة.

مستودع جيثب

https://github.com/parasgarg/online-grocery-store/

عرض المشروع

https://drive.google.com/file/d/0b79vfv-wa7ezme9wvmsxtepzmjg/view؟usp=sharing

التقنيات المستخدمة

لغات الواجهة الأمامية: HTML و CSS و JavaScript Frontend Frontend Frontend من جانب العميل: Bootstrap Frontend Library: JQuery الخلفية: إطار عمل JavaScript من جانب الخادم ، و MODERATOR FARMOWAR

تكوين النظام

1. تثبيت Nodejs
2. تثبيت MongoDB 3.4 نسخة مستقرة
3. تثبيت محرر الرمز (MS MS Visual Code)
4. تثبيت حزم NPM

حزم NPM

"bcrypt": "^1.0.2" ، "body-parser": "^1.17.1" ، "connect-flash": "^0.1.1" ، "cookie-parser": "^1.4.3" ، "^0.1.0" ، "Express-passport-logout": "^0.1.0" ، "SPERSE-SESSION": "^1.15.2" ، "Handlebars-intl": "^1.1.2" ، "Handlebars-Paginate": "^0.1.0" ، "Mongodb": "^2.2.26 ،" " "Path": "^0.12.7" ، "RandomString": "^1.1.5" ، "uuid": "^3.0.1" ، "Valitator": "^7.0.0" ، "XSS": "^0.3.3"

تهيئة المشروع

بعد تثبيت وتكوين النظام والبيئة. اتبع الخطوات لتشغيل المشروع -

1. استيراد مجموعة "المنتجات" من مجلد قاعدة البيانات للحصول على نموذج قاعدة بيانات. (ملاحظة: يمكنك أيضًا استيراد مجموعات أخرى إذا كنت ترغب في استعادة بيانات المستخدمين والمستخدمين الأنشطة الأخرى ولكن للنشر الجديد لا حاجة لاستيراد مجموعات أخرى حيث سيتم إنشاؤها في وقت التشغيل).
2. تأكد من تثبيت جميع حزم العقدة في المجلد الجذر لنشر المشروع.
3. يجب أن يتم تهيئة خادم Express بواسطة NPM Manager على LocalHost: 3000 من خلال إثارة "NPM Start".

ميزات المشروع الأساسية

1. تسجيل/تسجيل الدخول للمستخدم: يحتاج المستخدم إلى إنشاء حساب لإجراء أي نوع من عمليات الشراء ولكن للتحقق من المشاريع وغيرها من عمليات البحث لا يتطلب تسجيل الدخول. يحتاج المستخدم الأول إلى تسجيل وتسجيل الدخول للتحقق من الأنشطة الحديثة والمعاملات والوصول إلى المحافظ الإلكترونية والعناصر. لإنشاء الحساب ، يحتاج المستخدم إلى النقر على زر التسجيل الوفاء بجميع متطلبات إنشاء نموذج إنشاء للحصول على تسجيل معنا. في حالة رغبة في تسجيل الدخول ، يجب أن يذهب لتسجيل الدخول وتقديم بيانات اعتمادها التي تم إعدادها معنا. في حالة نسيان المستخدم كلمة المرور الخاصة به ، فإننا نقدم وحدة نمطية لتجديد كلمة مرور جديدة. رابط الوحدة النمطية المنسية يمكن العثور عليها في تسجيل الدخول.

2. لوحة معلومات المستخدم: لتغيير معلومات المستخدم والإعدادات الأخرى ، قمنا بتطوير وحدات في لوحة لوحة القيادة ولكن يمكن للمستخدم أيضًا العثور على كل هذه الخيارات في الزاوية اليمنى العليا من الصفحة عندما ينقر المستخدم على اسمه.

   2.1 إعدادات الحساب: توفر هذه الوحدة لوحة لتغيير ملف تعريف المستخدمين وكلمة المرور. 2.2 إعدادات الدفع: تساعد هذه الوحدات المستخدم على تخزين معلومات البطاقة معنا لسهولة الدفع والطلب. 2.3 إعدادات المحفظة: في هذه الوحدة ، يمكن للمستخدم الحفاظ على مقرفه الإلكتروني عن طريق إضافة المزيد من الأموال أو عناصر الشراء دون استخدام أي معلومات بطاقة. يمكن للمستخدم إضافة نقود من البطاقات المحفوظة ، أو استخدامها بخلاف حفظ بطاقة Save ، لكن يمكن للمستخدم إضافة 1000 دولار كحد أقصى في معاملة واحدة ويُسمح بإجمالي 10000 دولار. في الوقت نفسه ، يمكن للمستخدم التحقق من أنشطة المحفظة والتفاصيل على نفس الصفحة. 2.4 سجل الطلب: تساعد هذه الميزة المستخدم على التحقق من جميع عمليات الشراء السابقة وتفاصيل أخرى مثل تاريخ الشراء والمنتجات المشتراة ومعلومات الدفع. 2.5 النشرات الإخبارية: يمكن للمستخدم إدارة واشتراك أو إلغاء الاشتراك في المحترفين الجدد لدينا. 2.6 تسجيل الخروج: يمكن للمستخدم تسجيل الدخول بنجاح لتجنب استغلال حسابه.

3. عربة المستخدم: يمكن للمستخدم إضافة عناصر أو إزالتها أو تحرير Quatity لكل عنصر (يُسمح بحد أقصى 5 كميات لكل منتج). يمكن للمستخدم هنا التحقق من إجمالي معلومات الدفع والمضي قدماً في الخروج.

4. منتج Seach: يمكن للمستخدم البحث عن طريق كتابة المنتج ، والمعرف ، والاسم ، والعلامة التجارية ، والفئة في شريط البحث الموجود في الجزء العلوي من الصفحة.

5. البحث الذي تمت تصفيته: يمكن للمستخدم تحسين بحثه وفقًا لنطاق السعر والفئة. ستكون هذه الميزة متاحة في نتائج البحث.

6. بحث الفئة: يمكن للمستخدم البحث مباشرة عن المنتجات وفقًا لفئته من خلال تحديد فئات في الركن العلوي الأيسر من الصفحة بجوار الشعار مباشرة.

7. معلومات المنتج: يمكن للمستخدم التحقق من معلومات المنتج من خلال النقر على العنوان أو زر عرض معين على كل صورة مصغرة للمنتج واكتشاف المزيد حول المنتج ويمكنه إضافته إلى عربة النقر فوق الزر "إضافة إلى" تحت صورة عرض عنصر ما.

8. آخرون: قمنا بتطبيق بوابة مزيفة حيث يمكن للمستخدم تحديد طريقة الدفع ، أي البطاقة المحفوظة والبطاقة الجديدة والمحفظة. يمكن للمستخدم أن يدفع مقابل أي من الأوضاع المدرجة وأيضًا ومراجعة معلومات الدفع الخاصة به في الأسفل ، ثم يمكنه الدفع والمتابعة إلى الخطوة النهائية التي تتمثل في تأكيد عرض رسالة التأكيد وإنشاء معاملة أو طلبها (والتي ستكون متوفرة أيضًا في لوحة معلومات المستخدم).