تطبيقي Vue-commerce (متجر الكتروني) + الروابط

تم بحمد الله برمجة حجر الأساس لتطبيق الويب الخاص Vue-Commerce (متجر الكتروني) وبتكنولوجيا حديثة.
التطبيق به خدمة الدفع للمستخدمين و تطبيق خاص بإدارة المتجر.
سيتم الإطلاق قريبا ان شاء الله

رابط التطبيق في الأسفل…

المعلومات التقنية للتطبيق:

  • نسخة التطبيق الحالية: v0.3.0
  • الوقت المستغرق لما تم بناؤه: 90 يوم (3 شهور)
  • مدة اكتمال المشروع التقريبية: من 6 لـ 10 شهور
  • تكنولوجيا التطبيق المستخدمة:

  • (VueJs Framework (VueCLI + VueRouter + VueX + more dependencies) / bootstrap / bootstrapVue) [Front-end]
  • (Google Firebase / cloud functions / NodeJS) [Back-end]

المميزات والامكانيات التي تم إضافتها حتى الآن:

1- تطبيق إدارة المتجر
2- صفحة هبوط للمستخدمين
3- حساب جديد / تسجيل دخول / تأكيد البريد الإلكتروني
4- إضافة الى السلة / صفحة الدفع (Stripe checkout)
5- التطبيق متوفر باللغتين الإنجليزية والعربية
6- بحث المنتجات
7- بحث المستخدمين (للإدارة فقط)
8- التجاوب مع كل الشاشات تقريبا (كمبيوتر - لابتوب - تابلت - موبايل)

بالنسبة للصلاحيات الحالية المضافة لمدير المتجر:
1- إدارة المنتجات وتعديلها
2- صلاحيات إدارة المستخدمين

بالنسبة للصلاحيات الحالية المضافة للمستخدم:
1- تعديل اعدادات الحساب
2- إضافة المشتروات الى السلة
3- إمكانية طلب شراء المنتجات بالدفع المباشر

لا زال العمل قائما على:

  • إضافة الأصناف
  • إدارة الطلبات وتوفير تطبيق لإدارة قسم الشكاوى وتعديل طلبات الشراء

كل هذه هي الإمكانيات الأساسية فقط و جاري العمل على توفير كل مشتملات التطبيق ليصبح شبيه الأسواق الالكترونية المحلية المعروفة كـ souq.com و jumia.com وبتكنولوجيا جديدة.

رابط النسخة التجريبية:
https://vue-shop-e3547.firebaseapp.com

بالنسبة للأدمن يمكنكم الدخول بـ:
email: [email protected]
password: 12345678

رابط المستودع:

شكر خاص لـ:

  • مبادرة الـ مليون مبرمج عربي لوضع حجر الأساس
  • أكاديمية كورتابز Coretabs Academy

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

خدمتكم شرف لي مدى الحياة

14 Likes

عمل جمييييل جداً والله :heart_eyes::heart_eyes:. أحسنت أخي.
كل التوفيق لك وفي مشروعك

3 Likes

ماشاء الله تبارك الله
أسد وربي سد
الله يوفقك ويعينك
هل تعلمت هذا كله فقط لذا مبادرة المليون مبرمج واكاديمية كورتابز

3 Likes

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

المبادرة فتحت الباب بالأساسيات (HTML - CSS - JS - Python)
الأكاديمية عملت على كسب الثقة بالمشاركة في ورش العمل والتطبيق وأيضا المسابقات والتوجيه
كل ذلك كان له وقع كبير وحافز نفسي قوي جدا

في منتصف الطريق حاولت عمل نفس المشروع مع نظام backend مختلف (PHP Laravel) لكن لم أنجح
تلك اللحظة هي الفاصلة في حياتنا
فقط ما فعلت هو ترك المشروع الذي لم ينجح ومشيت في المشروع الحالي حتى وصلت الى هذه النتيجة المبدأية،،،

هذه ليست “شطارة” أو عضلات مني… فقط شغف + إرادة + صبر طويل

اهل المبادرة هم من ساعدوني

والباقي عبارة عن تصفح ومشاهدة ورش عمل لمشاريع مماثلة حتى أستطيع التطبيق وأفهم أيضا…

سأقوم بكتابة مقال قريبا ان شاء الله يتحدث عن سياسة وكيفية التعامل مع الـbugs أو الأخطاء في الكود أو السلوك الغير متوقع وخصوصا مع لغة الـJavaScript

وأخيرا: إذا كان أي إنسان يستطيع أن يحقق أي شيء ، فأنا أستطيع أيضا
الإيمان بالنفس وطول النَّفَس هما المفتاحان لأي نجاح،،،

7 Likes

حبيبي يا @Ayman97
كان لك دور فعال أيضا في تبسيط بعض الأمور في Vue
أشكرك كثيرا ولن أنسى ذلك :star_struck:

2 Likes

ماشاء الله على عملك المجنهد أخي @sniperadmin وفقك الله في المزيد من المشاريع

4 Likes

عقبالك أخي الكريم…
انت قدها ان شاء الله… استمر

3 Likes

العفو أخي :smiley: موفق في مشروعك ولا تتردد بالسؤال لأي مشكلة تواجهها في طريقك.

3 Likes

الله يحفظك أخي شكرا

1 Like

أهنئك يا نصر…

تستحق كل الاحترام والتقدير على هذا المجهود الرائع في اخراج مشروع شخصي بهذه الجودة :ok_hand:

أنا متأكد أن هذه “بداية البداية” لأعمال فنية أخرى في المستقبل!

2 Likes

ثمرة تعبكم يا وحش :muscle:
بالتأكيد هي البداية
هجيبلكم صداع من كثرة الأفكار :joy:

2 Likes

توكل واحنا معاك في الصداع :grin:

2 Likes

بالتوفيق إن شاء الله
و مزيداً من النجاحات

4 Likes

ماشاء الله تبارك الرحمن

عمل جميل ورائع والله يسدد خطاك ويوفقك وعقبالنا يارب :smile:

2 Likes

عمل رائع الصراحه ربنا يوفقك يا رب
عايز اعرف دور Google Firebase

2 Likes

شكرا محمد… يلا عاوزين نشوف منك حاجة

1 Like

يلا شد حيلك، ورينا ابداعاتك :slight_smile:

1 Like

ربنا يخليك يا محمد

انا جاوبت في الفيديو ده:

2 Likes

شكرااااااااااااااااااا شرحت و وفيت فهمت جدا جدا شكرا ليك انا اصلا مليش ف باك اند نهائي ف قولت يمكن استفاد منه خصوصا بيتعرض عليا مشاريع محتاجين صفحه ادمن ف برفضها قولت يمكن ده الحل المناسب ليا بس شكرا ليك جدا و معلش تعبتك معايا :heart_eyes::heart_eyes::heart_eyes:

2 Likes

فرحتني صراحة :smiley:
معانا في الأكاديمية ان شاء الله هتكون من أفضل الـ Full-Stack developers

نسيت طبعا أن أذكر أهمية لغة بايثون Python في الفيديو، وهي لغة حديثة متعددة الاستخدامات ، تستخدم في الباك اند أيضا

2 Likes