الواجهة الأمامية لموقع شركة برمجيات بشكل كامل

مطلوب مطور Angular Frontend محترف لتنفيذ الواجهة الأمامية لموقع شركة برمجيات بشكل كامل، احترافي ومتجاوب مع جميع أحجام الشاشات.

المطلوب Frontend فقط، وسيتم توفير الـBackend والـREST API جاهزين للربط.

التقنية المطلوبة

* Angular بأحدث إصدار Stable

* TypeScript

* HTML5 / CSS3

* Responsive Design

* Angular Material أو Bootstrap عند الحاجة

* REST API Integration

* JWT Authentication Integration

* Angular Guards & Interceptors

* Reactive Forms

* Lazy Loading

صفحات الموقع

المطلوب تصميم وبرمجة:

* Home

* About Us

* Services

* Service Details

* Products

* Product Details

* Portfolio / Projects

* Project Details

* Technologies

* Blog

* Blog Details

* Careers

* Request a Quotation

* Contact Us

* Login

لوحة التحكم Admin Panel

مطلوب تنفيذ Frontend كامل للوحة الإدارة ويشمل:

* Dashboard

* Products Management

* Product Categories

* Services Management

* Portfolio / Projects Management

* Blog Management

* Quotation Requests

* Contact Messages

* Careers & Job Applications

* Users Management

* Roles & Permissions

* Website Settings

* Images & Files Management

جميع البيانات ستكون Dynamic ويتم جلبها وإدارتها عن طريق الـAPI.

API Integration

سيتم توفير REST API جاهز، والمطلوب من مطور الـFrontend ربط Angular به بالكامل.

ومن أمثلة الـEndpoints:

GET /api/v1/products

GET /api/v1/products/{slug}

GET /api/v1/services

GET /api/v1/projects

GET /api/v1/blog

POST /api/v1/quotations

POST /api/v1/contact

بالإضافة إلى Admin APIs الخاصة بالإضافة والتعديل والحذف وإدارة المحتوى.

Authentication

مطلوب ربط:

* Login

* JWT Access Token

* Refresh Token

* Logout

* Auth Guard

* Role Guard

* Permissions

* HTTP Interceptor

* التعامل مع انتهاء الـToken والأخطاء مثل 401 و403

UI/UX

نهتم جدًا بجودة التصميم.

المطلوب:

* Modern Professional UI

* تصميم مناسب لشركة Software / Technology

* Responsive 100%

* Mobile First

* Animations بسيطة واحترافية

* Loading / Skeleton States

* Empty States

* Error States

* Toast Notifications

* Confirmation Dialogs

* Form Validation

* Pagination

* Search & Filters

تنظيم المشروع

يفضل اتباع Structure احترافي مثل:

core/

shared/

layout/

features/

admin/

guards/

interceptors/

services/

models/

مع الاهتمام بـClean Code وإعادة استخدام الـComponents وعدم تكرار الكود.

SEO & Performance

المطلوب الاهتمام بـ:

* Angular SSR

* Dynamic Meta Tags

* Lazy Loading

* Image Optimization

* Sitemap

* Open Graph

* سرعة تحميل الموقع

* تحسين Core Web Vitals قدر الإمكان

المطلوب عند التسليم

* Angular Source Code كامل

* جميع صفحات الموقع

* Admin Panel

* REST API Integration كامل

* Responsive Design

* Authentication Integration

* Clean & Organized Code

* Git Repository منظم

* Environment Configuration

* Production Build

* README لتشغيل المشروع

مهم: المشروع Frontend فقط، ولا يُطلب من المطور بناء Backend أو Database أو API.

يرجى عند تقديم العرض إرسال نماذج أعمال Angular سابقة وتوضيح سنوات الخبرة، مدة التنفيذ، والتكلفة الإجمالية للمشروع.

الأولوية لمن لديه خبرة قوية في Angular وتنفيذ Dashboards ومواقع الشركات وربط REST APIs.