شبكة الأعمال الكندية: موقع شبكة أعمال في السعودية ومنصة عضويتها.

المشكلة

تصل شبكة الأعمال الكندية في السعودية المهنيين والشركات الكندية بفرص الأعمال في المملكة. وتقوم على أعضائها وفعالياتها: ينضم الناس على إحدى خططها ويدفعون قيمتها، ثم يحضرون أمسيات التعارف ومنتديات الأعمال والندوات. وكل خطوة من هذه تحتاج أحداً من الفريق: إيصالاً يُراجَع، وحساباً يُفتح، وفاتورة تُحفظ، وقائمة ضيوف تُدار. ويحتاج العضو مكاناً واحداً لعضويته وفواتيره والفعاليات التي سيحضرها.

ما بنيناه

منصة واحدة لواجهة الشبكة العامة ولعضويتها، من اختيار الخطة حتى الفعالية التالية، وفيها حساب كل عضو ولوحة تحكم الفريق.

• موقع للشبكة. قصة الشبكة ورسالتها وفريقها، وكلمة رئيس مجلسها، وبرنامج يُقدَّم للأعضاء، وطرق المشاركة، مع بحث في الصفحات والفعاليات واشتراك في النشرة البريدية. وتتحرك صورة الصفحة الرئيسية وتقترب ببطء، وتبقى ساكنة لمن يطلب حركة أقل.
• الخطط أولاً. كل طريق إلى الانضمام يقود إلى الخطط، فلا يتقدم أحد بطلب دون أن يختار واحدة منها. ويرى العضو حين يدخل حسابه خطته الحالية مميزة، مع طريق لتجديدها أو الانتقال إلى غيرها.
• تحويلات بنكية يراجعها الفريق. الدفع بالتحويل البنكي ينتظر الفريق: يرى الإيصال بجانب الطلب فيقبله أو يرفضه، ولا تبدأ العضوية أو تتغير إلا حينها. ويرفع الأعضاء الإيصال صورةً أو ملف PDF.
• حساب يُفتح عند القبول. قبول طلب الانضمام يفتح حساب العضو، ويرسل إليه بالبريد رابطاً يعيّن به كلمة مروره. ويدخل الأعضاء والفريق من صفحة الدخول نفسها، مع طريق لاستعادة كلمة المرور المنسية.
• فاتورة لكل خطوة. للعضوية الجديدة والتجديد والترقية والانتقال إلى خطة أدنى فاتورة لكل منها. يرى الأعضاء فواتيرهم، المدفوعة والمنتظرة والمرفوضة، ويرى الفريق سجلاً بمن وافق على كل فاتورة ومتى، مع رسوم بيانية للإيرادات حسب الشهر وحسب الخطة.
• الفعاليات وتأكيد الحضور. الفعاليات القادمة والسابقة، لكل منها صفحتها. يؤكد العضو حضوره دون أن يكتب بياناته، ويكتب الضيف بياناته، ويقبل الفريق كل تأكيد أو يرفضه. والفعالية التي تُحذف تُؤرشف أولاً، ويمكن استعادتها خلال ثلاثين يوماً.
• حساب العضو. صورة ونبذة قصيرة، والخطة وتفاصيل العضوية، والفواتير والإيصالات، والفعاليات التي سيحضرها مع إمكانية إلغاء حضور كل منها، وما يأتي بعدها.
• لوحة تحكم واحدة للفريق. صفحة أولى تجمع طلبات الانضمام والفعاليات وتأكيدات الحضور والمشتركين في النشرة والإيرادات. وطلبات الانضمام كاملة مع الإيصال، للقبول أو الرفض أو التصحيح. والفعاليات تُكتب في محرر للنصوص المنسقة مع صورتها، ثم المستخدمون، وسجل بمن فعل ماذا.
• جاهز لمحركات البحث. بيانات منظمة للشبكة ولكل فعالية، وخريطة للموقع تضم كل فعالية منشورة، وصورة الشبكة نفسها حين يُشارَك رابط إلى الموقع.

كيف بنيناه

الموقع وحساب العضو ولوحة التحكم تطبيق واحد مبني بـ Next.js على React، ومكتوب بـ TypeScript، ومنسق بـ Tailwind CSS. تُرسم الصفحات على الخادم، ويُفحص كل نموذج هناك مرة أخرى قبل أن يُحفظ أي شيء. والبيانات في PostgreSQL عبر Prisma، والبريد يخرج عبر Nodemailer، والرسوم البيانية في لوحة التحكم مرسومة بـ Recharts، وحركة الصفحة الرئيسية بـ GSAP. وكل تغيير تُفحص شيفرته وأنواعها ويُبنى قبل أن يُنشر. وبعد النسخة الأولى، واصل فريق الشبكة نفسه تطوير المنصة.

النتيجة

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

دورنا

قاده فريقنا قبل الاستوديو: النسخة الأولى من الموقع ومسار العضوية وحساب العضو ولوحة التحكم.