تطبيق ويب متجر الكتب

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

التقنيات: React.js، Redux، React Router، React Toastify، Tailwind CSS، Material UI (MUI)، React Hook Form، Swiper.js React icons، Stripe، JWT، Axios، TypeScript

الميزات الرئيسية:

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

استخدام Redux لإدارة الحالة بكفاءة، مما يضمن تجربة مستخدم سلسة عبر التطبيق.

تنفيذ React Router للتنقل السلس بين الصفحات المختلفة.

استخدام React Toastify لعرض إشعارات مفيدة وجذابة بصريًا للمستخدمين.

الاستفادة من Tailwind CSS وMaterial UI (MUI) للحصول على واجهة مستخدم جذابة بصريًا ومتسقة.

دمج React Hook Form لتبسيط عمليات التحقق من صحة النموذج وإرساله.

استخدام Swiper.js لإنشاء sliders مستجيبة وقابلة للتخصيص لعرض توصيات الكتب والمنتجات المميزة.

دمج أيقونات React لمجموعة واسعة من الأيقونات القابلة للتخصيص لتحسين واجهة المستخدم.

دمج Stripe لمعالجة الدفع بشكل آمن وموثوق، مما يسمح للمستخدمين بشراء الكتب بسهولة.

المصادقة والتفويض: تم تنفيذ JWT (رموز الويب JSON) لمصادقة المستخدم وتفويضه، مما يضمن الوصول الآمن إلى الميزات المحمية.

تم استخدام Axios لإجراء مكالمات API فعالة لجلب بيانات الكتاب وإجراء عمليات خلفية أخرى.

تم استخدام TypeScript لتحسين جودة الكود وسلامة النوع وقابلية الصيانة.