Đồ án môn học Lập Trình Trên Thiết Bị Di Động – Trường Đại Học Điện Lực
Ứng dụng xem phim trực tuyến trên thiết bị di động, cho phép người dùng duyệt, tìm kiếm, xem phim online, tải phim offline, quản lý danh sách yêu thích và đăng ký gói VIP.
Ứng dụng được thiết kế theo hướng hiện đại, giao diện thân thiện, trực quan và dễ sử dụng trên nền tảng di động.
| STT | Họ và tên | MSSV | Nhiệm vụ |
|---|---|---|---|
| 1 | Nguyễn Ngọc Hiếu | 23810310326 | Màn hình chi tiết & tích hợp: MovieDetail, SerialDetail, Trailer, MostPopularMovie, UpcomingMovie, Profile, EditProfile, PremiumAccount, PaymentMethod, PrivacyPolicy. Tích hợp dữ liệu & kiểm tra luồng điều hướng toàn bộ app |
| 2 | Đỗ Văn Đức | 23810310329 | Logic & API: AsyncStorage, AuthContext (đăng nhập/đăng ký), DownloadContext, WishlistContext, Navigation (Stack & BottomTabs), Reset Password, tích hợp expo-image-picker |
| 3 | Trần Tuấn Phong | 23810310316 | Giao diện & UI components: SplashScreen, Onboarding, Home, Search, Download, Wishlist, Genre & Categories, responsive styling |
- Giảng viên hướng dẫn: ThS. Cấn Đức Điệp
- Ngành: Công nghệ thông tin – Chuyên ngành: Công nghệ phần mềm
- Lớp: CNPM5 – Khóa: 2023–2028
- Framework: React Native (Expo)
- Ngôn ngữ: JavaScript
- Navigation: React Navigation (Stack + Bottom Tabs)
- State Management: Context API (AuthContext, DownloadContext, WishlistContext)
- Lưu trữ cục bộ: AsyncStorage
- Thư viện hỗ trợ: expo-image-picker, expo-av (video player)
- API: TMDB API (The Movie Database)
- Node.js >= 16.x
- npm hoặc yarn
- Expo CLI (
npm install -g expo-cli) - Android Studio / Xcode (hoặc Expo Go trên điện thoại)
# 1. Clone repository
git clone https://github.com/<your-org>/DoAn_NhomXX_XemPhimTrucTuyen.git
# 2. Di chuyển vào thư mục dự án
cd DoAn_NhomXX_XemPhimTrucTuyen
# 3. Cài đặt các dependencies
npm install
# 4. Chạy ứng dụng
npx expo start# Chạy trên Android
npx expo start --android
# Chạy trên iOS
npx expo start --ios
# Chạy trên trình duyệt (web)
npx expo start --webHoặc quét QR code trong terminal bằng ứng dụng Expo Go trên điện thoại.
- Xác thực người dùng: Đăng ký, đăng nhập, đặt lại mật khẩu
- Trang chủ: Danh sách phim nổi bật, phim sắp chiếu, phim phổ biến
- Tìm kiếm: Tìm kiếm phim theo tên, thể loại
- Chi tiết phim: Thông tin chi tiết, trailer, phim liên quan
- Xem phim trực tuyến: Phát video trực tiếp trong ứng dụng
- Tải xuống offline: Tải phim về xem khi không có mạng
- Danh sách yêu thích: Lưu và quản lý phim yêu thích
- Gói VIP & Thanh toán: Đăng ký tài khoản premium, chọn phương thức thanh toán
- Hồ sơ cá nhân: Xem và chỉnh sửa thông tin, đổi ảnh đại diện
- Cài đặt: Ngôn ngữ, thông báo, chính sách bảo mật
-
**Do trong quá trình làm bài chúng em tham chiếu bằng máy của 1 bạn nhưng khi quay bản cuối cùng thì lại là máy khác nên có một chút không khớp với UI chuẩn của máy ban đầu mong thầy thông cảm và châm trước cho bọn em ạ.
-
**link video cuối cùng https://drive.google.com/file/d/1xkGuIZYtTyUgzg3yq6EfT0C2WbizNCdU/view?usp=sharing
-
**link ban đầu (UI chuẩn) https://drive.google.com/file/d/1yudjOKTuXr___bQ2JSHppuZtkvx1dWEg/view
| Thành viên | Phần phụ trách | Mức độ đóng góp |
|---|---|---|
| Nguyễn Ngọc Hiếu | UI màn hình chi tiết, tích hợp dữ liệu, kiểm tra điều hướng | ~34% |
| Đỗ Văn Đức | Logic xác thực, quản lý state, cấu hình navigation, API | ~33% |
| Trần Tuấn Phong | UI components cơ bản, màn hình chính, responsive styling | ~33% |
- Giáo trình bộ môn Lập trình thiết bị mobile – Trường Đại học Điện Lực
- React Native Documentation
- Expo Documentation
- TMDB API Documentation
- React Navigation