تطبيق أفلام وحجز تذاكر السينما
تم تطوير تطبيق أفلام وحجز تذاكر السينما باستخدام React Native + TypeScript في الواجهة الأمامية (Frontend) وNode.js في الواجهة الخلفية (Backend).
يتميز التطبيق بواجهة مستخدم أنيقة وسهلة الاستخدام، إضافة إلى قاعدة بيانات مُنظمة لضمان سرعة الأداء وسلاسة المعاملات.
المهام الرئيسية:
تسجيل الدخول وإنشاء حساب:
يمكن للمستخدم إنشاء حساب جديد عن طريق تعبئة البيانات المطلوبة أو باستخدام حساب Facebook أو Gmail عبر Firebase Authentication.
الصفحة الرئيسية:
تسمح بعرض الأفلام المناسبة للمستخدم، مع إمكانية البحث حسب الاسم أو عبر خيارات تصفية مخصصة.
صفحة الفيلم:
تحتوي على خيار لمشاهدة الفيلم، بالإضافة إلى تفاصيل دقيقة مثل القصة، التصنيف، المدة، إلخ.
صفحة المشاهدات:
تعرض الأفلام التي تمت مشاهدتها من قبل المستخدم خلال اليومين الأخيرين.
صفحة التذاكر:
تُظهر التذاكر المتاحة والتذاكر التي قام المستخدم بشرائها.
صفحة شراء التذكرة:
تشمل المقاعد المتوفرة والمحجوزة وسعر كل مقعد، مع إمكانية الدفع الإلكتروني.
صفحة "تذاكري":
تعرض جميع التذاكر المشتراة من قبل المستخدم، وتحتوي كل تذكرة على رمز QR يُستخدم للدخول إلى قاعة السينما.
صفحة الإعدادات:
تحتوي على معلومات المستخدم مثل: الصورة الشخصية، الاسم، اللقب، البريد الإلكتروني، مع إمكانية تعديل هذه المعلومات.
التقنيات المستخدمة:
React Native: تطوير واجهة التطبيق.
TypeScript: إضافة طبقة أمان على الكود وتحسين جودة التطوير.
Node.js: تطوير الخادم والعمليات الخلفية.
MySQL: إدارة قاعدة البيانات.
React Hook Form + Zod: التحقق من صحة البيانات وضمان تخزينها بشكل صحيح.
Firebase Messaging: إرسال الإشعارات إلى المستخدمين.
Firebase Authentication: تسجيل الدخول باستخدام Gmail و Facebook
Passport JWT: لضمان أمان عمليات تسجيل الدخول والمصادقة باستخدام رموز JWT (JSON Web Tokens).