SuperSport Portfolio Website

SuperSport Portfolio Website

Professional Full-Stack Portfolio Website

موقع بورتفوليو احترافي تم تطويره خصيصًا لشركة SuperSport لعرض الخدمات، المشاريع، والعملاء بشكل عصري واحترافي.

المشروع ده هو أول مشروع فريلانس ليا كـ Full-Stack Developer وتم تنفيذه من البداية للنهاية (Frontend + Backend).

الموقع بيجمع بين واجهة مستخدم جذابة للزوار ولوحة تحكم قوية وسهلة الاستخدام تُمكّن الشركة من إدارة المحتوى بالكامل بدون أي تدخل تقني.

مميزات المشروع :

الموقع العام (Public Website):

صفحة رئيسية جذابة بتعريف كامل عن الشركة

صفحة About لعرض رؤية وفريق العمل

صفحة Services لعرض كل خدمات SuperSport

صفحة Portfolio لعرض المشاريع السابقة

صفحة Clients لعرض العملاء واللوجوهات

صفحة Contact للتواصل السريع

تصميم Responsive يعمل على جميع الأجهزة

Header & Footer احترافي بهوية موحدة

لوحة التحكم (Admin Dashboard):

تسجيل دخول آمن باستخدام JWT

إدارة المحتوى بالكامل من لوحة واحدة

إضافة / تعديل / حذف:

الخدمات

المشاريع

العملاء

رفع الصور واللوجوهات بسهولة

تعديل بيانات التواصل

أي تغيير يظهر فورًا على الموقع

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

Frontend

Angular 20

TypeScript

Bootstrap 5

Font Awesome

RxJS

Backend:

Node.js

Express.js

MongoDB

Mongoose

JWT Authentication

Multer (File Upload)

Tools:

Git & GitHub

Postman

Angular CLI

Nodemon

الأمان:

تسجيل دخول آمن للـ Admin

تشفير كلمات المرور

حماية المسارات الحساسة

إعداد CORS

التحقق من البيانات (Validation)

إنجازات المشروع:

بناء تطبيق Full-Stack متكامل من الصفر

تصميم احترافي وتجربة مستخدم سلسة

API منظم وقابل للتطوير

لوحة تحكم مرنة وسهلة الاستخدام

جاهز للنشر على أي منصة

قابل للنشر على:

Frontend: Vercel – Netlify – GitHub Pages

Backend: Railway – Heroku – DigitalOcean – AWS