تطبيق ويب للتجارة الإلكترونية كامل (Full-Stack)

Flower Online Shop

مشروع متكامل لتطبيق ويب لمتجر زهور أونلاين، تم تطويره باستخدام TypeScript، Node.js، Express.js، MongoDB، EJS، HTML، وCSS. يعرض هذا المشروع نظام تجارة إلكترونية كامل مع التحكم في الصلاحيات للزوار والمستخدمين والمديرين، بالإضافة إلى إدارة الصور، التحقق من الهوية، عربة التسوق وإدارة الطلبات.

- نظرة عامة على المشروع

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

تم تصميم المشروع وفق مبادئ Clean Architecture مع فصل واضح بين Controllers, Routes, Models, Middleware، وViews.

- أدوار المستخدمين

1- الزائر (بدون حساب)

عرض الصفحة الرئيسية

تصفح المنتجات حسب الفئة

عرض تفاصيل المنتج

2- المستخدم

التسجيل وتسجيل الدخول

إضافة المنتجات إلى عربة التسوق

وضع الطلبات

عرض الطلبات الخاصة به

3- المدير (Admin)

إضافة وحذف المنتجات

رفع صور المنتجات باستخدام Cloudinary

إدارة وتحديث الطلبات

- الصفحات وعددها

تم إنشاء 9 صفحة متكاملة تعرض جميع وظائف الموقع، وجميع الصفحات تم تصييرها على الخادم باستخدام EJS، HTML، وCSS:

1- الصفحة الرئيسية ( المنتجات حسب الفئة)

2- صفحة تفاصيل المنتج

3- صفحة التسجيل (Sign Up)

4- صفحة تسجيل الدخول (Login)

5- صفحة عربة التسوق

6- صفحة الطلبات

7- صفحة معلومات التوصيل للطلب

8- لوحة تحكم المدير (صفحة إدارة الطلبات)

9- صفحة إضافة المنتجات

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

Backend: Node.js، Express.js، TypeScript، MongoDB (Mongoose)

Frontend: EJS، HTML5، CSS3

أدوات أخرى:

1- Cloudinary لرفع وتخزين الصور

2- Session-based Authentication لتسجيل الدخول والأمان

3- express-validator للتحقق من صحة المدخلات