Opencart Delivery Boy Flutter App: This app provides the functionality to build a bridge between the admin and the delivery boy. Through this application, the admin can manage the orders and assign them to the respective delivery boy.
This allows the admin to properly manage the orders and provide better shipping service to their customer. The best part about using this is that the admin can access it from anywhere.
The solution used for creating an application is Flutter SDK. It allows the developers to built the cross-platform application with attractive UI.
The Flutter allows the app to function in a smooth and faster manner, without and hang or cutting while scrolling.
Note: This application is an add on of Opencart Mobile App, you need to have Opencart Mobile App first.
Features
- Admin and Delivery boy both have separate login in the same app, to manage the delivery process.
- The Admin can create new delivery boys.
- Admin can manage delivery boys details and assign delivery to them via the app.
- Admin can view the status of delivery as set by the delivery boy.
- That is any changes done in the order status by delivery boy gets reflected in the admin panel.
- The app can even work in Offline mode.
- OTP authentication for verifying the customer.
- The delivery boy needs to enter the OTP for verifying the delivery and completion of delivery.
- The customer will get to track the delivery process under the orders section in Opencart Mobile App.
- Real-time order synchronization with the web store.
- Flutter Mobile App is fully customizable as per your requirements.
- Flutter Mobile app source code is available (Purchased Separately).
Admin Panel
The application provides an Admin Panel which facilitates admin to manage orders and delivery boy. The admin can view the orders and assign the new orders to a delivery boy.
Sign In
The Admin can easily login to the application by adding the login credentials-
- Email ID- The admin can easily login to the application by entering the registered email id.
- Password- The admin can enter the Password for the application here to login to the application.
- Forgot Password- If the user forgets the password, the user can click on the following and enter the registered email address.
Dashboard
After a successful login, the admin will check the following information as displayed in the screenshot below.
Under the Sales section, the admin will view the following points.
- Graph: The admin can see the graph reports of the sales based on Daily, Weekly, Monthly, and Yearly.
- Pending Orders- The order which is yet to be delivered are shown here as pending orders.
- Processing Order- Those orders which are currently in process of being delivered is shown here in processing order.
- Complete Order- Those orders which happen to be completed that is they are delivered are shown here.
- The admin can view the location on Google Maps.
Apart from the Sales section, you can check the Order section as well in which you can view the graphs for Daily, Weekly, Monthly, and Yearly.
Navigation Drawer
The application has a navigation drawer on the left side, this facilitates the admin with various functionalities-
- Dashboard
- Orders
- Delivery Boy
- Log Out
Orders
Under the Order section, the admin can see all the new orders with their respective order id, amount along with their order status(Like Pending, Processing and Complete). The image below shows the order section.
On clicking any of the order, the admin can check the details of the of that particular order.
The following sections that will be displayed are as follow:
1.Delivery Boy: The admin can view/assign/edit the delivery Boy from the following section. The following images show how you can easily assign the Delivery Boy to the order.
Note: The admin will not be able to change the Delivery Boy after the status is changed to complete.
2. Customer Name: The Admin can view the customer name of the order.
3. Payment Address: The payment address can be viewed by the admin.
4. Shipping Address: The shipping address of the order can be viewed by the admin.
5. Date Added: The admin can view the order placed the date in the following detail.
6. Shipping Method: The shipping method which is selected is “Delivery Boy Shipping”.
7. Payment Method: The admin can view the orders are done by which payment method.
8. Item List: The following section will display the item name and the description.
9.Order Total: The order total and the subtotal is displayed under this section.
10. Order History: In the order history section, the admin will be able to view the order date when purchased, status, and comments. Any change in the status of the order will be reflected under this section.
Delivery Boy
Under the following section, admin can view the list of names of the delivery boy and can add the new delivery boys as required.
On clicking on the Plus section, the admin can add new delivery boys to the list.
The following information needs to be added while creating a new delivery boy as shown in the image below.
The admin can enter following details here which is related to the Delivery Boy-
- Delivery Boy Name- The name of the delivery boy can be added here.
- Telephone Number- The phone number for the delivery boy.
- Email Id- The e-mailing address of delivery boy.
- Password- The admin can enter the password which the delivery boy will use to log in.
- Vehicle number- The register number of the vehicle which delivery boy is using for delivery.
- Address- The admin can add the delivery boys address.
- Delivery Boy Status- The admin can enable or disable the delivery boy status.
- Vehicle Type- The vehicle which delivery boy is using for delivery like car, bike or cycle.
On clicking on the delivery boy the following Delivery Boy section appears which displays the delivery boy details as shown in the image below.
On clicking the edit button, the admin can edit the details of the Delivery Boy.
Delivery Boy Panel
The application provides a separate application login to the registered delivery boy hence facilitating them to manage orders.
Sign In
The Delivery Boy can log in to the application just like the admin, this provides each delivery boy to manage their respective orders independently.
The delivery boy needs to enter the following details:
- Email Address: The Delivery Boy needs to enter the registered email address which is added by the admin
- Password: The Delivery Boy needs to enter the password of the account to enter to login account.
Dashboard
The Delivery Boy also have their own respective dashboard as he logs in to the application, from where the Delivery boy can view the sales and the orders.
Under the Sales section, the Delivery boy can see the sales graph on Daily, Weekly, Monthly, and Yearly. The Delivery Boy can view the orders based on different order status.
Pending Order: The Delivery Boy can view all the pending order under this section.
Processing Order: The Delivery Boy can view all the orders with processing order status under this section.
Complete Order: The Orders which are already delivered and status as complete are shown under the following section.
Under the Order section, the Delivery Boy can view all the order graph which are assigned on Daily, Weekly, Monthly, and Yearly basis.
The Delivery Boy can also view the location on the Google Map. The following section of orders will be displayed as shown in the image below.
Left Navigation Drawer
The Delivery Boy can view the various functionality by sliding the left navigation drawer. The following options that appear are as follow:
- Dashboard
- Orders
- Account Setting
- Logout
Order Section
The Delivery boy can view the following orders and their details under this section. The orders which are completed by the delivery boy are set in Green color. The image below displays the various orders with their respective order id and status.
On clicking on any of the order, the respective details will be displayed as shown in the image below.
On the delivery, the delivery boy can click on the Deliver button which will redirect to the pop up with the total amount that is needed to be collected as shown in the image below.
On clicking the Pay button, the admin needs to enter the OTP which is provided to the customer as shown in the image below.
Ater the OTP is authenticated, the status converts from Pending/Processing to Complete as shown in the image below.
How will the customer get OTP?
The customer can get the OTP for the particular order placed in the My Order Section of the Opencart Mobile App as shown in the image below.
The customer can even track the delivery boy by clicking on the track button which will redirect the customer to the map as shown in the image below.
Account Setting
The Delivery Boy can view the account setting details like:
- Vehicle Number
- Delivery Boy Email Address
- Vehicle
- Contact Information
The admin can edit the status of the Delivery Boy: Online or Offline as shown in the image below.
Note: The delivery boy will only be able to set the status as Offline when the orders assigned to the respective delivery boy will be completed.
If there is still any order status left as pending then an error message will be displayed as shown in the image below.
Admin Panel
If required, the admin can change the status of the order from pending to processing as shown in the image below.
Note: Orders with shipping selected as Delivery Boy Shipping will only be displayed in the app.