AWS Blog Sphere

نظرة عامة على البنية

graph TB
    A[AuthContext] --> B["LoginForm / RegisterForm"]
    A --> C["services/api.ts"]
    C --> D["واجهة برمجية على AWS"]
    E[PostList] --> F[PostCard] --> G[PostDetail]
    H[CreatePostForm] --> C
    C --> E

النصف الأمامي من تمرين على مستودعين هدفه إيصال تطبيق صغير إلى AWS. هذا الجانب عميل React يغطي دورة التدوين كاملة — التسجيل وتسجيل الدخول وكتابة مقال وقراءة التدفق — أمام واجهة Express منفصلة منشورة على AWS.

تُحفظ حالة المصادقة في سياق React، وتنحصر مساحة الواجهة البرمجية في وحدة خدمة واحدة، فتبديل عنوان الواجهة الخلفية لم يمسّ شجرة المكوّنات يومًا.

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

• تسجيل ودخول أمام واجهة برمجية بعيدة
• حالة مصادقة مشتركة عبر سياق React
• نموذج لإنشاء المقالات مع تدفق معروض وصفحة تفصيلية
• وحدة خدمة واحدة تعزل كل استدعاءات الشبكة
• مكتبة مكوّنات مبنية على عناصر shadcn/ui الأساسية

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

• الواجهة الأمامية: React، TypeScript، Vite، Tailwind CSS
• الواجهة: shadcn/ui، Radix UI
• الواجهة الخلفية: Express على AWS