Trang 1 MƠN: LẬP TRÌNH ĐA NỀN TẢNG CHO ỨNG DỤNG DI ĐỘNGLỚP: IE307.O13.CNCLHỌ VÀ TÊN: Nguyễn Thanh HiếuMSSV: 20521328Màn hình code : Màn hình Vs codeMàn hình demo: Màn hình Xcode ip 15 pr
Trang 1MÔN: LẬP TRÌNH ĐA NỀN TẢNG CHO ỨNG DỤNG DI ĐỘNG LỚP: IE307.O13.CNCL
Màn hình code : Màn hình Vs code
Màn hình demo: Màn hình Xcode (ip 15 pro max)
Bài 1: Mobile E-commerce App
Cấu trúc các folders / files của dự án
Trang 2Màn hình trang chủ với khẩu hiệu, biểu ngữ hình ảnh và hai danh sách sản phẩm banner
sẽ thay đổi sau mỗi 3 giây
Thêm sản phẩm vào giỏ hàng, giỏ hàng sẽ được cập nhật nếu đó là sản phẩm mới
Trang 3Thêm sản phẩm vào giỏ hàng, hiển thị thông báo nếu đó là sản phẩm đã có.
Điều hướng đến màn hình chi tiết sản phẩm khi nhấn vào một sản phẩm
Trang 4Màn hình thể loại và danh sách các sản phẩm tương ứng khi chọn một loại.
Điều hướng đến màn hình chi tiết sản phẩm khi nhấn vào một sản phẩm
Trang 5Màn hình giỏ hàng và khi tăng số lượng một sản phẩm.
Màn hình giỏ hàng và khi giảm số lượng một sản phẩm
Trang 6Khi xóa một sản phẩm, hiển thị Modal và nếu chọn đồng ý, giỏ hàng được cập nhật.Modal cũng sẽ được hiển thị nếu thực hiện giảm sản phẩm mà đang có số lượng là 1.
Khi sản phẩm cuối cùng bị xóa, hiển thị một văn bản và một nút mua sắm Điều hướng về
trang chủ khi nhấn vào nút mua sắm
Trang 7Màn hình tài khoản Khi nhấn vào biểu tượng chỉnh sửa, chuyển đến màn hình chỉnh
sửa thông tin người dùng với các thông tin đã có
Thực hiện chỉnh sửa và chọn cập nhật, các thông tin sẽ được thay đổi tương ứng
Trang 8Đăng xuất khỏi ứng dụng và thông báo lỗi khi điền sai thông tin đăng nhập
Các biểu tượng đang tải ở các màn hình khi chưa tìm nạp xong dữ liệu từ API Màn home
và màn cart cũng vậy nhưng load nhanh quá chụp không kịp
Trang 10Code AuthContext lấy ra thông tin đăng nhập
Trang 11Code phần lấy ra stack
Trang 12Code phần lấy ra tab
Trang 14Code màn hình home
Trang 15Code màn hình lấy chi tiết sản
Trang 17Code màn hình Category
Trang 20Code màn hình cart
Trang 21Code màn hình profile
Trang 25Code màn hình edit profile