Intro2SE - Movie Ticket System

Tổng quan

Project "Movie Ticket System" là một hệ thống quản lý vé xem phim trực tuyến, cho phép người dùng dễ dàng đặt vé, chọn chỗ ngồi và thanh toán trực tuyến. Hệ thống cung cấp giao diện thân thiện, giúp người dùng tìm kiếm các bộ phim yêu thích, xem lịch chiếu và lựa chọn rạp phù hợp.

Tech:

• Frontend: React Typescript, Tailwind CSS
• Backend: Node.js, Express.js
• Database: MongoDB
• Authentication: JWT, bcryptjs
• Payment Gateway: ZaloPay và Momo

Cài đặt và chạy project

1. Clone repository:

git clone https://github.com/cuogne/intro2SE.git

2. Cài đặt dependencies cho cả frontend và backend:

cd intro2SE

cd frontend
npm install

cd ../backend
npm install

3. Chạy ngrok để tạo public URL cho callback payment:

cd hello-ngrok
npm run dev

Ngrok sẽ cung cấp một URL công khai ở phần Ingress established at (ví dụ: https://your.ngrok-free.dev), bạn cần sử dụng URL này để cập nhật các biến môi trường ZALOPAY_CALLBACK_URL và MOMO_CALLBACK_URL trong file .env của backend.

4. Setup .env cho backend:

Tạo file .env trong thư mục backend với nội dung sau:

PORT=3000                   # hoặc 1 port nào khác
MONGO_URI=YOUR_MONGO_URI    # có thể là mongodb local hoặc atlas
JWT_SECRET=your_jwt_secret_key
ZALOPAY_CALLBACK_URL={https://your.ngrok-free.dev}/api/v1/payments/zalopay/callback
MOMO_CALLBACK_URL={https://your.ngrok-free.dev}/api/v1/payments/momo/callback
ZALOPAY_REDIRECT_URL=http://localhost:5173/payment/success
MOMO_REDIRECT_URL=http://localhost:5173/payment/success

5. Chạy backend server:

cd backend
npm run dev

Server sẽ chạy tại: http://localhost:3000

6. Chạy frontend (mở terminal mới):

cd frontend
npm run dev

Frontend sẽ chạy tại: http://localhost:5173

7. Thẻ test thanh toán:

App tích hợp 2 môi trường thanh toán trong Sandbox của ZaloPay và Momo, hãy sử dụng các tài khoản test sau để thanh toán khi đặt vé:

Phương thức	Loại	Số thẻ	Hạn sử dụng	CVV	Tên
Zalo	Visa/Master	4111 1111 1111 1111	03/30	123	NGUYEN VAN A
	ATM (Napas)	9704 5400 0000 0062	12/20		NGUYEN VAN A
	Quét QR Code	Tải ZaloPay sandbox và làm theo hướng dẫn trong link
Momo	ATM (Napas)	9704 0000 0000 0018	12/20		NGUYEN VAN A
	Quét QR Code	Tải Momo sandbox và làm theo hướng dẫn trong link sau: Link