موقع صالون تجميل – Django + React مع ربط بوابة الدفع HyperPay وتفعيل تسجيل الجوال + رسائل WhatsApp

موقع صالون تجميل – Django + React مع ربط بوابة الدفع HyperPay وتفعيل تسجيل الجوال + رسائل WhatsApp

قمت بتطوير موقع متكامل لصالون تجميل باستخدام Django + React مع ربط بوابة الدفع HyperPay بشكل احترافي، بالإضافة إلى نظام تسجيل دخول عبر رقم الجوال مع إرسال رمز تحقق، ونظام إشعارات WhatsApp تلقائي لتأكيد الطلبات.

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

Backend: Django 5.2، Django REST Framework

Frontend: React.js + Vite

قاعدة البيانات: SQLite / PostgreSQL

بوابة الدفع: HyperPay

الرسائل: WhatsApp API (للإشعارات التلقائية)

أهم الأعمال المنجزة في المشروع

أعمال Backend

تطوير Payment Service كامل للتعامل مع HyperPay API

إنشاء API Endpoints لإنشاء جلسات الدفع (Checkout Sessions)

إعداد Webhook Handler لاستقبال نتائج الدفع ومعالجة الحالات (نجاح / فشل)

إنشاء Models لحفظ بيانات المدفوعات وتتبع حالة كل عملية

تطوير لوحة إدارة لعرض جميع عمليات الدفع ومتابعتها

نظام تسجيل مستخدم عبر رقم الجوال

تمكين تسجيل الحساب باستخدام رقم الجوال بدلاً من البريد الإلكتروني

إرسال OTP للسجل عبر WhatsApp أو SMS

التحقق من الرمز قبل إنشاء الحساب

إنشاء API مخصصة لإدارة عملية التحقق (طلب رمز – تأكيد رقم – إنشاء حساب)

رسالة تأكيد تلقائية عبر WhatsApp

عند إتمام الطلب أو بعد نجاح الدفع، يقوم النظام تلقائياً بإرسال رسالة WhatsApp للعميل تحتوي على:

تفاصيل الطلب

رقم الفاتورة/الدفع

حالة الطلب

أعمال Frontend

دمج HyperPay JavaScript SDK في واجهة الدفع

بناء صفحات نتيجة الدفع (نجاح – فشل) مع معالجة الأخطاء

تطوير واجهة التسجيل عبر الجوال + إدخال رمز التحقق

تحسين تجربة المستخدم UI/UX أثناء عملية الدفع والتسجيل

المتطلبات التي تمت تلبيتها

خبرة في Django و Django REST Framework

خبرة متقدمة في React.js

ربط بوابات الدفع ودمج SDKs

تنفيذ تسجيل الجوال وإرسال OTP

تأمين عمليات الدفع

دعم طرق الدفع: Visa – Mastercard – Mada – STC Pay – Tabby – Tamara

دعم عملتين: SAR و USD