E-commerce Website
من التعلم إلى البناء: مغامرتي في تطوير متجر إلكتروني في ITI ️
أنا متحمسة جدًا لمشاركة إنجاز جديد في رحلتي داخل ITI—تطوير تطبيق ويب تجاري متكامل باستخدام React.js و Bootstrap!
هذا المشروع ليس مجرد دليل على مهاراتي التقنية، بل هو انعكاس للنمو، والتحديات، والنجاحات التي مررت بها خلال رحلتي في ITI.
ما الذي يميز المشروع؟
عرض ديناميكي للمنتجات (يتم جلب البيانات عبر Axios باستخدام JSON)
بحث ذكي يساعد المستخدمين في العثور على ما يحتاجونه بسرعة
قائمة الأمنيات وسلة التسوق لرحلة تسوق سلسة
تسجيل دخول وتسجيل آمن للمستخدمين للحفاظ على الأمان
تصميم متجاوب بالكامل يبدو رائعًا على جميع الأجهزة
التقنيات المستخدمة:
React.js – لإنشاء مكونات ديناميكية وقابلة لإعادة الاستخدام
Bootstrap – لتصميم أنيق ومتناسق
Redux – لإدارة الحالة بكفاءة
Axios – للتواصل السلس مع الـ API
React Router – لتوجيه المستخدمين داخل التطبيق بسهولة
JSON – لتخزين وإدارة بيانات المنتجات والمستخدمين
مصدر الإلهام في التصميم:
تصميم فيجماhttps://www.figma.com/des... : Figma Design ️️
كود المشروع على GitHub:
https://github.com/saraa9... GitHub Repo: هنا
الدروس المستفادة خلال الرحلة:
احتراف التعامل مع Axios واستدعاء الـ API
جلب البيانات الديناميكية وتحويلها إلى تجربة تفاعلية باستخدام JSON
بناء مكونات React قابلة لإعادة الاستخدام
تطوير تصاميم متجاوبة Bootstrap تركز على تجربة المستخدم
هذا المشروع كان بمثابة تحدٍ رائع وفرصة للتعلم والنمو في رحلتي داخل ITI.