Quantcast
Channel: Webkul Blog
Viewing all articles
Browse latest Browse all 5554

CS-Cart Delivery Boy App

$
0
0


Introduction

The CS-Cart Delivery Boy App is a Flutter based application to allow the management of deliveries efficiently. It allows the admin to assign the orders to the delivery boys.

This app also allows the admin to track down the activities of the delivery boys. This will give the benefit of a safe and secure delivery process.

This application is an add-on to Mobikul Mobile Appyou must have CS-Cart Mobikul Mobile App Builder.

Features Of CS-Cart Delivery Boy App

  • Admin can track the availability of delivery boys.
  • Admin can assign the orders to the delivery boys.
  • The admin can register the delivery boys to the app.
  • The delivery boy will have a separate login facility.
  • Admin and delivery boy both can examine the sales and orders of the product.
  • Delivery Boy can mark the order as Picked, Delivered/Not Delivered.
  • Delivery process authentication via OTP.

Technological Stack

  • Language- Flutter-Dart.
  • Editor- Android- Android Studio, iOS- VS code.
  • Network Request- Dio network.
  • Library Dependencies- Pub package name.

Admin Front- CS-Cart Delivery Boy App

Login application

The admin can log in to the application to quickly manage the orders and delivery boys. Hence, from here the admin can view the orders and assign the new orders to a delivery boy.
The admin can enter the username and password here in the application to sign in the application. Here, the username and password will be the same as used in the backend admin panel.

webkul_cs-cart-delivery-boy-app_login-admin

Dashboard

Post login the admin could see the statics of the sales and orders in the form of a graph. Thus, the admin can even view the Open, Processing and Complete orders.

  • Open Orders- This section will have the orders that are having the status as pending. This specifies those orders which are yet to be delivered.
  • Processing Orders-This section will have those orders which are in the process of delivery.
  • Complete Orders- This section will be having those orders that are completely processed and delivered to the customer.

webkul_cs-cart-delivery-boy-app_dashoboard-sale-admin

webkul_cs-cart-delivery-boy-app_dashboard-order-admin

The admin can even view the map where the delivery boy location is visible. Here, the current location of the log-in delivery boy is visible.

However, the last location of the logged out delivery boy could be seen.

Delivery Boy

The admin even registers the delivery boy using the application. Here, the admin will be able to register the delivery boys by clicking the add option.

webkul_cs-cart-delivery-boy-app_list-of-delivery-boys

The admin can add the details of new delivery boys, like-

webkul_cs-cart-delivery-boy-app_registration-Ist

  • Name.
  • Contact Number.
  • Email Address and Password with which the delivery boy could log in the application.
  • Registered Vehicle Number.
  • Resendital Address.
  • Status of Delivery Boy.
  • Registered Vehicle Type.

The admin can even click on details of the exsiting delivery boy to edit it.

webkul_cs-cart-delivery-boy-app_details-delivery-boy

Inorder, to edit the details the admin needs to click on the edit option. Thus, allowing the admin to change the information about the delivery boy.

webkul_cs-cart-delivery-boy-app_edit-Ist

webkul_cs-cart-delivery-boy-app_edit-IInd

The admin can even delete the delivery boy details from here.

Orders

This section will contain the list of orders as placed in the CS-Cart Mobikul Mobile app(customer-centric app).

The admin can assign the pending orders from this section to various delivery boys.

webkul_cs-cart-delivery-boy-app_orders

Order Details

The admin can click on the order which is having Open status. The admin can assign the order to the delivery boy.

Here, the admin can see the complete details of the order right from the Payment address, Shipping Address to the Payment Method and Shipping Method.

webkul_cs-cart-delivery-boy-app_open_order-ist

webkul_cs-cart-delivery-boy-app_open_order-iind-1

It will also have the list of products that the customer has purchased and the amount total of the order.

Now, the admin chooses the available delivery boy to assign the order. So, for this, the admin needs to click on Choose Delivery Boy. This will open a list of delivery boys registered in the app.

webkul_cs-cart-delivery-boy-app_assign-orders

Hence, the order details will show the information of the delivery boy like below-

webkul_cs-cart-delivery-boy-app_orders-delivery-boy-assigning

Delivery Boy-Front-CS-Cart Delivery Boy App

Login

The registered delivery boy can log in to the application to view the orders assigned.

Here, the delivery boy can use the username and password as entered by the admin while registration of the customer.

webkul_cs-cart-delivery-boy-app_login-delivery-boy

Dashboard

The delivery boy will be able to see a homepage just like the admin. Wherein the graph statistics sales and orders are visible.

In addition, the delivery boy will even see the Open, Processing and Completed orders. However, the delivery boys will see those orders which are assigned to them.

webkul_cs-cart-delivery-boy-app_dashboard-sales-delivery-boy

webkul_cs-cart-delivery-boy-app_dashboard-order-delivery-boy

Account Settings

This section will display the account details as entered by the admin. Hence, it contains the details as-

  • Delivery Boy display image.
  • Registered vehicle number of the delivery boy.
  • Mail id of the delivery boy.
  • Vehicle type with which the delivery boy uses.
  • The contact number of the delivery boy.

webkul_cs-cart-delivery-boy-app_account-settings

Orders

The list of orders is assigned to the delivery boy. Here, all the delivery boy orders are visible with different status types.
That is the newly assigned orders, orders that are in the processing state and the orders that the delivery boy has delivered to the customers.

webkul_cs-cart-delivery-boy-app_orders-assign-delivery-boy

Order Pickup

So, the delivery boy can open the order detail and select the option as Picked.

webkul_cs-cart-delivery-boy-app_picked-order

Delievered/Not Delivered

The delivery boy here can select among options as delivered or not delivered as per the requirement.

webkul_cs-cart-delivery-boy-app_delivered_not_delivered-order

Once the delivery boy clicks on the Delivered button the cash transaction will prompt a pop-up indicating the amount to be paid.

Wherein the admin can click on Pay Button to registred the received payment.

webkul__pay-order

Once the payment is done, the delivery boy will receive a pop-up for the OTP. Thus, the delivery boy will enter the encrypted password to validate the delivery.

webkul_cs-cart-delivery-boy-app_otp-order

Finally, on entering the valid OTP the delivery boy will receive a confirmation message stating a successful delivery.

webkul_cs-cart-delivery-boy-app_order-success

Support

Thank you for reading this documentation. Further, if you have any issue, please create a support ticket – https://webkul.uvdesk.com/en/customer/create-ticket/ or write an email to support@webkul.com.


Viewing all articles
Browse latest Browse all 5554

Trending Articles