University Website – React.js Front-End Project

تم بناء منصة إدارة جامعية سريعة الاستجابة تتضمن موقعًا إلكترونيًا عامًا وإدارة

لوحة معلومات باستخدام React.js وTailwind CSS وES6+ , Django,Restful API,PostgreSQL. واجهة برمجة التطبيقات السياقية المستخدمة للحالة العالمية

الإدارة (بيانات الكلية/القسم/المهارات، المصادقة، الوضع الداكن/الفاتح، تفضيلات المستخدم).

يتميز بالبحث والتصفية الديناميكية والجداول التفاعلية مع الفرز/الترقيم الصفحي وCRUD الكامل

العمليات والنماذج باستخدام التحقق من صحة نموذج React Hook والمخططات في الوقت الفعلي باستخدام Recharts.

🧑‍💻 دوري في المشروع (Front-End Developer):

بصفتي المسؤول عن تطوير الواجهة الأمامية بالكامل، قمت بـ:

1. 🏗️ بناء هيكل المشروع (Project Architecture):

تصميم هيكلية مجلدات معيارية (Modular Architecture) تعتمد على مبدأ إعادة الاستخدام، حيث قسم المشروع إلى:

components (مكونات عامة وقابلة لإعادة الاستخدام)

pages (الصفحات الرئيسية مثل لوحة التحكم، إدارة الكليات، الأقسام، الفعاليات)

hooks (خطافات مخصصة لجلب البيانات ومعالجة المنطق)

services (لإدارة اتصالات API مع الـ Back-End)

Context API (إعدادات Context API )

utils (دوائر مساعدة، مصادقة، صلاحيات)