أطلس الشخصيات: موقع React يعرض شخصيات من 3 مصادر بيانات بالعربية والإنجليزية

منذ يوم

اطلب عمل مماثل

عرض العمل

الوصف

أطلس الشخصيات موقع صغير بنيته بـ React، يجمع شخصيات من ثلاثة عوالم (بوكيمون، سبونج بوب، مهرتي الصغيرة) في مكان واحد. كل عالم له بياناته من مصدر مختلف، وكل صفحة لها ألوانها وخلفيتها الخاصة.

ماذا يقدّم الموقع:

صفحة رئيسية فيها عرض متحرك لكل عالم، ثلاث بطاقات في كل مرة، ويتوقف العرض لما تقف عليه بالماوس وفيه أزرار تنقل (السابق والتالي).
صفحة مستقلة لكل عالم فيها بحث باسم الشخصية وتصفح بزر «تحميل المزيد».
تبديل كامل بين العربية والإنجليزية، والتصميم ينقلب لليمين تلقائيًا في العربية، مع ترجمة أسماء الشخصيات والبحث بالاسم العربي.
حالات واضحة للمستخدم: هيكل تحميل (Skeleton) أثناء انتظار البيانات، ورسالة خطأ مع زر «أعد المحاولة»، وبديل للصورة لو تعذّر تحميلها.
تصميم متجاوب مع قائمة جوال، ويحترم إعداد تقليل الحركة في الجهاز.

الجانب التقني:
React وVite وReact Router لتنقل الصفحات، وAxios لجلب البيانات من API.

لو عندك فكرة مشابهة (موقع يعرض بيانات من API، أو كتالوج بحث وفلترة، أو موقع بلغتين)، ابعت لي فكرتك وأخبرني ماذا تحتاج

html css تصميم المواقع الإلكترونية جافاسكربت إستخراج البيانات react

التفاصيل

المشاهدات 0
المفضلة 0
القسم برمجة, تطوير المواقع و التطبيقات - مواقع الويب

حساب المستخدم

يٌدار بواسطة أنجز تك الرقمية

All rights reserved © kaf 2026