Giới thiệu Code ứng dụng quản lý shipper giao hàng bằng React Native + Backend Nodejs
Công nghệ lập trình: Android studio, ngôn ngữ JavaScript, Database MySql, Framework React Native Expo, Call API, tham khảo thêm các chủ đề tương tự tại đây
Giới thiệu ngắn về ứng dụng quản lý shipper giao hàng bằng React Native:
- Mô tả ngắn: Admin sẽ đăng sản phẩm, khách hàng vào đặt mua sản phẩm, và nhập thông tin địa chỉ nhận hàng (chọn vị trí trên google maps), sau khi đặt hàng bên admin xác nhận đơn thì lúc này shipper login vào app bấm nhận hàng, rồi xem vị trí đến lấy hàng và giao hàng khi shipper đăng nhập nếu như tài khoản nào xác nhận đơn trước thì sẽ dành được đơn hàng
Các chức năng chính của ứng dụng:
Ứng dụng quản lý đặt hàng trực tuyến với hệ thống phân quyền dành cho admin, khách hàng, và shipper. Cung cấp các tính năng đăng ký, đăng nhập, đăng xuất với xác thực bảo mật qua OTP.
Phân quyền và chức năng
1. Admin
- Quản lý sản phẩm:
- Đăng sản phẩm mới.
- Cập nhật hoặc xóa sản phẩm.
- Quản lý đơn hàng:
- Theo dõi danh sách đơn hàng.
- Quản lý trạng thái đơn hàng.
- Thống kê:
- Báo cáo doanh thu và lợi nhuận.
2. Khách hàng
- Đặt hàng và quản lý giỏ hàng.
- Theo dõi trạng thái đơn hàng.
- Tìm kiếm sản phẩm và xem chi tiết sản phẩm.
- Thanh toán đơn hàng.
- Lịch sử mua hàng.
3. Shipper
- Nhận đơn hàng (nguyên tắc: ai bấm nhận trước thì được giao đơn).
- Giao hàng và cập nhật tình trạng đơn hàng.
- Xem lịch sử giao hàng.
- Tích hợp Google Maps để hỗ trợ định vị và chỉ đường.
HÌNH ẢNH DEMO
Chuẩn bị sẵn môi trường: Visual studio, xampp, Nodejs, và cài đặt react native expo
trong folder delivery-app -> service -> api.js bạn cần thay địa chỉ ip của máy
vd: baseURL: “http://192.168.0.106:6000/api”, thì sẽ thay ip của máy thế vào 192.168.0.106
Hỗ trợ cài đặt sau khi mua code liên hệ ngay ZALO hoặc PAGE FACEBOOK phía trên