Leadify SaaS Platform

منصة سحابية متكاملة (Full-Stack) لأتمتة عمليات التسويق وجمع العملاء المحتملين.

تصفح الكود المصدري (GitHub)
Leadify Dashboard

التحديات الهندسية والحلول

بناء نظام SaaS حقيقي يتطلب معالجة تحديات تتجاوز مجرد كتابة الكود، مثل إدارة العمليات غير المتزامنة، تأمين البيانات، والتكامل مع مواقع خارجية. إليك كيف قمت بهندسة الحل:

1. المهام الخلفية (Background Tasks)

لضمان تجربة مستخدم سريعة، تجنبت إرسال الإيميلات بشكل متزامن (Synchronous). بدلاً من ذلك، استخدمت ميزة BackgroundTasks في FastAPI لجدولة إرسال الإيميلات في الخلفية، مما يسمح للسيرفر بالرد فوراً على المستخدم دون انتظار بروتوكول SMTP البطيء.

2. نظام الحقن (Script Injection)

التحدي كان بناء "Widget" يعمل في أي موقع خارجي. قمت بتطوير سكربت Vanilla JS خفيف الوزن، يقوم بجلب الإعدادات ديناميكياً من الـ API، وحقن النموذج في الصفحة المستضيفة دون التأثير على تصميمها الأصلي (CSS Isolation).

3. النشر الموزع (Microservices)

فصلت الواجهة الأمامية (Netlify) عن الباك-إند (Render) لتحسين الأداء والصيانة. قمت بحل تحديات CORS المعقدة الناتجة عن هذا الفصل، وطبقت نظام مصادقة آمن باستخدام JWT لحماية لوحة التحكم.

دورة حياة البيانات (Data Flow Architecture)

1. Widget Trigger

يقوم السكربت بتحميل إعدادات الحملة (الألوان والنصوص) من الـ API عند فتح موقع العميل.

2. Capture & Validation

يتم إرسال بيانات المشترك (الإيميل) إلى السيرفر والتحقق من صحتها وعدم تكرارها.

3. Database Transaction

يتم حفظ البيانات في PostgreSQL وإرجاع رد "نجاح" فوري للمستخدم.

4. Async Delivery

في الخلفية، يقوم السيرفر بمعالجة ملف PDF وإرساله عبر SMTP إلى بريد المشترك.

Scroll to Top