article-app

قمت بتطوير تطبيق مقالات (Article App) باستخدام Next.js، بيقدم واجهة بسيطة وسريعة لعرض المقالات، مع دعم لصلاحيات مختلفة حسب نوع المستخدم (User / Admin).

User يقدر يقرأ المقالات ويضيف تعليقات.

Admin يقدر يضيف أو يحذف مقالات، وكمان يحذف التعليقات غير المناسبة.

تم بناء واجهة التطبيق باستخدام Tailwind CSS وShadcn UI لتوفير تجربة مستخدم متناسقة وسلسة.

البيانات محفوظة في قاعدة بيانات، وبيتم التعامل معها من خلال API routes بشكل منظم وآمن.

? المفاهيم البرمجية المستخدمة:

Next.js App Router

Dynamic Routing

Authentication & Authorization (Role-based)

Protected Routes for Admin panel

CRUD Operations (Create, Read, Update, Delete)

API Routes for backend logic

Form Handling & Validation

State Management (useState, useEffect)

Server Actions

Tailwind CSS for responsive design

Conditional Rendering based on roles (admin/user)

Comment Moderation System