Source code đồ án ứng dụng mobile shop bán hàng online bằng Rect Native + SQL + file báo cáo

Source code đồ án ứng dụng mobile shop bán hàng online bằng  framework React Native+ SQL+ file báo cáo

Code Có các màn hình hiển thị các sản phẩm : nổi bật , top , khuyến mãi và sưu tập.

– Top sản phẩm : bao gồm các sản phẩm hot nhất trong tuần.
– Top khuyến mãi: khu vực giảm giá , bao gồm các sản phẩm khuyến mãi.
– Bộ sưu tập : bao gồm bộ sưu tập mới nhất của shop đưa ra.

Giao diện màn hình chính

Màn hình chi tiết sản phẩm : hiển thị các hình ảnh liên quan đến sản phẩm ,
thông tin đầy đủ , có kích thước(size) , và có số lượng để khách hàng có thể tùy biến
đặt sản phẩm với số lượng mong muốn , hiển thị thông tin chi tiết sản phẩm (do bên
shop cung cấp) , có thêm doanh mục điều khoản chính sách vận chuyển, tiếp đó là
hiển thị các sản phẩm liên qua. Có nút đặt hàng , để người dùng có thể thêm sản
phẩm vào giỏ hàng của mình.

Giao diện màn hình chính

Tại màn hình này sẽ hiển thị tất cả các danh sách sản phẩm nổi bật có bán, Người dùng có thể nhấn và sản phẩm để đến trang chi tiết sản phẩm

Màn hình khi khách hàng đặt hàng : được hiển thị tên sản phẩm , số lượng , và
tổng giá tiền của sản phẩm , có nút xóa để người dùng có thể xóa sản phẩm khi người
dùng muốn thay đổi ý định , có nút đặt hàng , lúc này người dùng phải đăng nhập
(nếu chưa đăng nhập) để bắt đầu đặt hàng , hoặc có thể đặt hàng ở chế độ không cần
đăng ký , lúc này ứng dụng cần cho người dùng nhập đầy đủ các thông tin như tên ,
địa chỉ , số điện thoại để tiến hành gởi thông tin đến shop.
Màn hình thông báo : hiển thị những thông báo khuyến mãi , những chương
trình đặt biệt mà shop diễn ra.

Giao diện xem sản phẩm top

Tại màn hình xem sản phẩm top người dùng có thể nhấn vào sản phẩm để đến
với trang chi tiết sản phẩm.

Danh mục tài khoản : hiển thị các thông tin cơ bản của người dùng , có thêm
danh mục đơn đặt hàng , bao gồm các đơn đặt hàng từ hiện tại đến quá khứ.
Màn hình đầu tiên sẽ hiển thị các sản phẩm nội bật , có menu , bên phía màn
hình menu hiển thị danh mục các loại sản phẩm hiện có trong cửa hàng.

Giao diện trang khuyến mãi

Tại trang khuyến mãi sẽ chứa thông tin về các sản phẩm đang khuyến mãi và
người dùng có thể đi đến trang chi tiết sản phẩm.

Màu chủ đạo của ứng dụng : xám , trắng , đen.
Yêu cầu có một trang web để nhân viên có thể thêm , xóa , sửa những sản phẩm
có trên ứng dụng.

Màn hình bộ sưu tập.

Tại màn hình bộ sưu tập liệt kê các loại sản phẩm và người dùng có thể đến màn
hình liên quan đến loại sản phẩm đã chọn.

Khách hàng:
• Xem trang sản phẩm.
• Chọn sản phẩm cần mua .
• Thực hiện việc mua hàng và thanh toán.
• Đăng ký thành viên.
• Đăng nhập tài khoản.
• Tìm lại mật khẩu.
• Gửi ý kiến phản hồi về sản phẩm.

 Quản lý
• Quản lý sản phẩm thông qua tài khoản Admin.
• Kiểm tra sử lý hóa đơn.

Màn hình tìm kiếm sau khi gõ từ “Ao”.

Giao diện chi tiết sản phẩm

Tại màn hình này người dùng có thể chọn kích thước và xem số lượng còn hàng hay
không.

Giao diện màn hình giỏ hàng

Người dùng có thể mua hàng mà không cần đăng kí tài khoản

Giao diện màn hình đăng nhập tài khoản

# Hướng dẫn cài đặt

Cài đặt react native
https://facebook.github.io/react-native/docs/getting-started.html
## Cài đặt xampp
https://www.apachefriends.org/download.html<br/>
## Run project

$ cd MyShop <br/>
$ Gõ lệnh __yarn install__ hoặc __npm install__<br/>