Field Booker — منصة ويب متكاملة لإدارة وحجز الملاعب الرياضية بنظام أدوار متعددة ومحفظة رقمية ودفع آمن.

Field Booker:

منصة ويب احترافية كاملة (Full-Stack Web Application) لإدارة وحجز المرافق والملاعب الرياضية، تم تطويرها بهندسة إنتاجية باستخدام React 18 وTypeScript وNode.js وExpress وPostgreSQL، وتدعم نظام أدوار متعددة (مدير – مشرف – موظف – عميل)، مع محفظة رقمية، أكواد خصم، مباريات مفتوحة، تسجيل حضور الموظفين، ولوحة تحكم إدارية شاملة.

- الوصف:

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

- أبرز ما نفذته:

• واجهة أمامية احترافية ومتجاوبة باستخدام React + TypeScript.

• REST API متكامل باستخدام Node.js وExpress.

• تصميم قاعدة بيانات PostgreSQL مترابطة ومنظمة.

• نظام مصادقة Session-based مع تشفير كلمات المرور.

• أدوار متعددة: Admin / Manager / Staff / Customer.

• محرك توافر مواعيد لحظي يمنع تضارب الحجوزات.

• حساب السعر تلقائيًا حسب مدة الحجز.

• محفظة رقمية لكل مستخدم مع سجل معاملات كامل.

• نظام Escrow لحجز الأموال حتى اكتمال الخدمة.

• أكواد خصم بنسبة أو قيمة ثابتة مع قيود استخدام.

• نظام مباريات مفتوحة لانضمام لاعبين آخرين.

• تسجيل حضور الموظفين مع تحقق صلاحيات ومنع التكرار.

• مركز إشعارات داخل التطبيق.

• لوحات تحكم متقدمة للإدارة والمديرين.

• حماية أمنية متقدمة (Rate Limiting – Validation – Secure Headers).

• هيكلة كود نظيفة وقابلة للتوسع والصيانة.

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

React 18 — TypeScript — Vite — Tailwind CSS — Node.js — Express — PostgreSQL — Drizzle ORM — Passport.js — TanStack Query — Zod — REST APIs — Git

- النتيجة:

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