منصة لعرض و شراء افلام - Movie Streaming & E-Commerce Platform

منصّة لعرض وشراء الأفلام (Angular + ASP NET Core + Stripe)

نظام ويب متكامل يتيح للمستخدم تصفّح الأفلام، شرائها، إضافتها للمفضلة، ومشاهدة تفاصيلها بالكامل، بالإضافة إلى لوحة تحكم Admin لإدارة كل البيانات.

مميزات المستخدم

تصفّح الأفلام حسب النوع، الأكثر مشاهدة، الأعلى تقييمًا، أو باستخدام البحث.

صفحة تفاصيل الفيلم تشمل الممثلين، التريلر، التقييمات، والمراجعات.

إمكانية إضافة الفيلم إلى المفضلة أو قائمة الشراء.

تسجيل دخول آمن باستخدام:

الإيميل والباسورد

تسجيل دخول Google

تسجيل دخول Facebook

تعديل بيانات البروفايل (الاسم، النوع، الهاتف، تاريخ الميلاد).

تغيير كلمة المرور (ماعدا مستخدمي تسجيل الدخول عبر جوجل/فيسبوك).

ربط كامل مع Stripe للدفع الإلكتروني.

واجهة متجاوبة باستخدام Bootstrap + Angular.

مميزات الأدمن

إدارة كاملة للأفلام: إضافة – تعديل – حذف – تحديث.

التحكم في الأسعار، الأنواع، التريلر، فريق التمثيل والمراجعات.

عرض إحصائيات Dashboard تشمل:

أكثر 5 أفلام مبيعًا

أكثر الأفلام إضافة للمفضلة

عدد الأفلام بكل نوع

متوسط سعر الأفلام

أعلى تقييمات

منطقة مخصصة للأدمن فقط باستخدام Route Guards.

حفظ البيانات في ملفات JSON مع إمكانية تعديلها وإعادة تحميلها.

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

Frontend: Angular 17, Bootstrap, Signals

Backend: ASP NET Core Web API

Database: JSON Server

Payments: Stripe

Movie Streaming & E-Commerce Platform (Angular + ASP NET Core + Stripe)

A complete web application for browsing, purchasing, and managing movies.

The system includes a full user experience and an admin dashboard with complete control over movie data.

User Features

Browse movies by categories, genres, search, trending, top-rated, and more.

View detailed movie pages including cast, trailer, reviews, and ratings.

Add movies to Favorites and Purchase List.

Secure user authentication via:

Email & Password

Google Login

Facebook Login

Update personal profile information (name, gender, phone, birthday).

Ability to change password (except social login).

Stripe payment integration for secure movie purchase.

Responsive UI built with Bootstrap and Angular animations.

Admin Features

Full CRUD operations on movies: Add, Edit, Delete, Update.

Manage genres, pricing, trailers, casting, and reviews.

Real-time dashboard showing:

Top purchased movies

Most favorited movies

Movies by genre statistics

Total movies, average price, ratings distribution

Admin-only area protected with Angular route guards.

Data stored in a JSON database with automatic synchronization.

Tech Stack

Frontend: Angular 17, Bootstrap, Bootstrap Icons, Signals, Routing

Backend: ASP NET Core Web API

Database: JSON Server

Payments: Stripe Integration