متجر إلكتروني متعدد اللغات بـ React + Node.js React Full-Stack Material UI Redux Toolkit i18n / Localization Dark Mode Firebase Auth Node.js / Express.js MongoDB

تطوير تطبيق متجر إلكتروني متكامل باستخدام React في الواجهة مع Material-UI (MUI) لتصميم واجهة أنيقة وسهلة الاستخدام، وJSX لهيكلة المكونات، بالإضافة إلى إدارة الحالة عبر Redux Toolkit لضمان تنظيم قوي وتحكم سهل في بيانات التطبيق.

كما أضفت تدويل (i18n) لدعم لغات متعددة، ما يسمح للمستخدمين بالتبديل بين لغات مختلفة بسلاسة — وهذا يعزز من الوصول الدولي للمشروع. تمّ أيضًا دمج الوضع الليلي (Dark Mode) ليمنح تجربة مستخدم مريحة في مختلف الأجواء.

بالنسبة للأمان وتوثيق المستخدم: استخدمت Firebase Auth لتسجيل الدخول والتوثيق، ما يضمن عملية آمنة وسلسة. من الناحية الخلفية، تم بناء API قوي باستخدام Node.js مع Express.js، بينما قاعدة البيانات هي MongoDB لتخزين بيانات

أبرز الميزات التي قدمتها:

واجهة مستخدم متقدمة باستخدام MUI (Material-UI)

إدارة الحالة بفعالية من خلال Redux Toolkit

دعم لغات متعددة عبر i18n، مما يفتح الباب أمام جمهور أوسع

تصميم متجاوب مع Dark Mode لتحسين تجربة الاستخدام ليلاً

توثيق وتسجيل دخول آمن باستخدام Firebase Auth

بناء API باستخدام Node.js + Express.js

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