Electro,متجر الاكتروني متكامل

Electro متجر إلكتروني متكامل لبيع الأجهزة الإلكترونية (هواتف، لابتوبات، ساعات ذكية، أجهزة لوحية، وتلفزيونات)، صممته وبرمجته من الصفر: الواجهة الأمامية، الخادم، قاعدة البيانات، والنشر على الإنترنت.

أهم المميزات:

- تسجيل حساب وتسجيل دخول آمن: كلمات المرور مشفّرة بـ bcrypt، والجلسات بتوكن JWT ينتهي بعد ساعة.

- عرض المنتجات مع بحث فوري بعدة كلمات وتمييز للنتائج، واختصار لوحة المفاتيح Ctrl/⌘ + K.

- سلة مشتريات خاصة بكل مستخدم، وصفحة "مشترياتي"، وصفحة دعم فني.

- مساعد ذكاء اصطناعي (Electro AI) مدمج في الموقع ومبني على Gemini، يجيب العميل بالعربية ويرشّح له من المنتجات المتوفرة فعليًا في المتجر فقط.

- وضع فاتح وداكن في جميع الصفحات، وتصميم متجاوب مع الجوال والتابلت والكمبيوتر.

- لوحة تحكم للمسؤول: إدارة المنتجات (إضافة وتعديل وحذف)، وإدارة المستخدمين وصلاحياتهم، ومتابعة الطلبات وحالتها.

- معالجة الـ Race Condition عند الشراء: إذا اشترى عميلان آخر قطعة في اللحظة نفسها تنجح عملية واحدة فقط، ولا ينزل المخزون تحت الصفر.

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

- الواجهة: Next.js وReact وTypeScript وTailwind CSS

- الخادم: FastAPI (Python) وSQLAlchemy

- قاعدة البيانات: PostgreSQL

- المصادقة: JWT وbcrypt

- الذكاء الاصطناعي: Gemini API

- النشر: Vercel للواجهة وRender للخادم

ملاحظات:

- بوابة الدفع تجريبية (محاكاة) ولا تعالج مدفوعات حقيقية، وصور المنتجات مستخدمة لأغراض العرض فقط(للشراء Apple pay 01012345678).

- الخادم على استضافة مجانية، فقد يستغرق أول تحميل للموقع حتى دقيقة، وبعدها يعمل بسرعة طبيعية.

- الكود منظم في مستودعين على GitHub (واجهة وخادم) مع توثيق كامل وواجهة تفاعلية للـ API.

-روابط GitHub

-https://github.com/Omar40... -- Frontend

-https://github.com/Omar40... -- Backend .