UpTime

Truck Restoration Solution App

Client Requirements

The client wanted a mobile application where drivers could reach out to top-rated technicians as well as garage owners to repair their brokedown trucks. The main requirement was to provide an easy-to-use UI so that any truck driver could book a truck repair appointment even without any age barrier or much technical knowledge. The client wanted to set the algorithms that can automatically locate the nearby technician or garages and allow the garage owners to bid on the estimated repairing cost to the drivers. Drivers can accept the request from one of the most suitable service providers and wait for them to arrive at the location and repair the truck. After successfully completing the task, the user can pay the service cost by choosing one of their preferred payment modes, such as card, wallet, or cash.

Features

UpTime – On Demand Truck Repair Service App.

Driver Panel Features

Create Account

Truck drivers or owners can register themselves by providing information like name, email address, and mobile number. The system will send a confirmation email on the registered email accompanied by the login details for the authentication process.

Login

Users can log in to the platform using login details sent to the registered email during the account creation process.

Profile Creation

Users can fill in their profile details such as name, email address, account type (fleet or individual), market segment, and DOT ( Department of Transportation) number.

Link National Account

After successful account creation, users can link their national account, providing a national account number. Once the admin verifies the national account number, the user can access the mobile app.

Manage The Account

Users can add, delete as well as manage the individual truck driver account listed under their fleet profile.

DashBoard

Users can generate various truck repairing requests through Dashboard, selecting the sections such as flat tires, Mechanical Problems, towing services, and so on.

Flat Tires

The driver can generate the flat tier request by providing a few details such as the number of tiers, size of the tiers, the brand of the tiers, and so on to connect with the nearby service providers.

Mechanical/Towing Service

Users can browse through the service provider who provides the Mechanical repairing service or towing services as well.

Manage Service Bids

The users can view the list of bidders along with basic details such as bid price, name of the bidder, address, like, dislike, and so on, along with the number of bids they have received.

Real-time Tracking

Users can track the live location of the service provider after accepting their bid and know the estimated time of arrival as well.

Work Completion

Users can receive the push notification once the service provider reaches the location, and the user must manually provide the work completion confirmation.

Service Ratings

The users can provide the ratings to their repair service based on their experience. Users can also recommend the service provider if they like the service. It can help to improve the service experience for other drivers and also help service providers to improve their services.

Service Provider Filters

The users can filter the list of the service provider through various filters such as distance from the location, services they provide, and so on.

Manage Profile

Users can edit their profile details and view their order history along with the order details such as the type of service, vendor details, bid amount, the amount paid, payment mode, and so on.

Payment Mode

Users can pay for the service they have received after successful completion of the service through various payment modes such as cash, card, or wallet.

Push Notification

Users can receive various push notifications regarding their services, bids on the request, vendor arrival, completion of the task, and so on, along with the promotional notification.

Service Provider Panel Features

Create Account

The garage owner or technician can register themselves by providing information like name, email address, and mobile number. The system will send a confirmation email on the registered email accompanied by the login details for the authentication process.

Login

Users can log in to the platform using login details sent to the registered email during the account creation process.

Profile Creation

Users can fill in their profile details such as name, email address, account type (fleet or individual), service they provide, and so on.

Technician Account

Garage owners can create various technician accounts under their account and assign them the orders based on user requests.

Account Management

The technician can choose to keep their service on and off according to their availability by selecting the working status as Active or In-active.

Dashboard

The service provider can view the list of active service requests whenever any driver generates a repair request. They can view the total number of requests along with the request details. They can bid on the request, and the accepted service provider can assign the technician later on.

Request Details

The service provider can view the various request details such as the name of the customer, address, current location, type of service, and request specifications based on the type of service, such as tire details for the flat tire and the problem details for the mechanical problem and so on.

Bid on the Request

If the service provider accepts the service request, then the user can submit the bid on the request. If the user accepts the request, the service provider can get the location route along with the accurate user location.

Working Process

After reaching the location, the technician can submit the photos of the user request along with the text description based on the user’s service request. After successful completion of the work, the user can submit the photos of the work they have done and generate the invoice, including all the additional expenses.

Service Area Range

The service provider can mark up their service area range on the map from their store location.

Manage Profile

The service provider can manage their profile by editing their contact details, adding, editing, and deleting the technician profile, and managing the order history.

Order History

The user can view the order details such as customer name, type of service, the technician assigned, bid amount, the amount paid, mode of payment, and so on.

More Screens

Admin panel

The Admin panel has a lot of handy functionalities. As per the client requirement, we have developed a dashboard for the admin where he can manage the vendors, service providers, service lists, content violations and restrictions along with detailed app analytics about application usage to user engagement.

Dashboard

Admin can view the count of the total number of vendors, customers, employees and even total number of orders.

Manage Vendor Profiles

Admin can add and update the vendor profiles manually. Along with that, Admin can view the vendor details such as name, number, email address, profile status, joining date and so on.

Manage Customer Profiles

Admin can view the customers details such as name, number, Email address, National Account number, joining date, profile status and so on. Along with that, Admin can manually change the customer profile status from active to deactivate and vice versa.

Manage Employee Profile

Admin can view the employee details such as name, number, Email address, joining date, profile status and so on. Along with that, Admin can manually change the employee profile status from active to deactivate and vice versa.

Manage Driver Profile

Admin can view the driver details such as name, number, Email address, National Account number, joining date, profile status and so on. Along with that, Admin can manually change the driver profile status from active to deactivate and vice versa.

Market Segment List

Admin can add, update and delete the categories of the market segment list manually. Along with that, admin can view all the listed market segments with the details such as name, status, listed date and so on.

Brand List

Admin can add, update and delete the listed brands manually. Along with that, admin can view all the listed brands with the details such as name, status, listed date and so on.

Service List

Admin can add, update and delete the list of services manually. Along with that, the admin can view all the service list with the details such as name, status, listed date and so on.

Notification

Admin can send manual push notifications to the vendors as well as to the customers.

Vendor Services

Admin can view the listed vendor with the details such as type of service, user name, status, location, time availability and so on. Admin can manually add, update and delete the vendor details.

Order Details

Admin can view the order details with the details such as customer name, vendor name, brand name, order date and status. Along with that Admin can export the order details in the excel format with all the listed data.

Payment

Admin can view the payment status of the order with customer name, transaction ID, amount, payment mode, transaction date and time, payment status and so on.

Settings

Admin can add and update the app commission, tax, referral code discount, and so on as per the requirements.

Profile

Admin can lock the screen, change the password and logout from the profile section.

Colors & Typography

Aa

League Spartan

Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz

Color Palette

Project Approach & Results

We all know there are not many options available that allow repairing services to the truck drivers on their location, so we had a huge responsibility to provide an easy-to-use user interface so that any truck drivers can generate their repair requests effortlessly.

So, our aim for developing the mobile application was to resolve all the issues that truck drivers tend to face about the truck repairing while being on the journey using different frameworks and approaches. To begin with, we analyzed the concept hypothetically and created a file with the complete details covering all these points, diagrams, scenarios, problems, flow charts, and SRS for the entire workflow and planned the App development process. After finalizing the document, In the third phase, based on the client’s requirements and our findings, we defined Mobile App architectures for UpTime App. After that, Our Mobile app designers started working on the prepared mobile app wire-frames and Application design. After getting approval on the final app design, our app developers move ahead with the development phase. We created the prototype for the UpTime app with all the native data, After the client’s review and confirmation of the prototype. The Mobile app developers started their development process by choosing the best-fit technology for android, iOS, and the admin panel. We integrated APIs in the UpTime app and completed the whole app data flow.

We chose native technology swift for iOS development and Kotlin for android development and used JSON-based rest API development with Node and Express Framework. SwissCode developers used Angular 9 to create an admin panel for basic tasks such as managing user details, services, order details, etc. We have used web3 for calling smart contracts with the help of solidity. Our app developers had used Magic SDK for passwordless authentication providing secure login. As the main purpose of the mobile application is to provide a smooth service experience to the truck drivers, our app developers took the help of the Matic network to deliver an exceptional user experience.

Challenges

1. User friendly and easy to use UI

The primary concern of the Up-Time mobile application is to provide the simplest user interface. So, our mobile app developer created many custom views and created a UI that looks modern at the same time; it should be simple and easy to use.

2. Real-time ride tracking

Another application requirement is that drivers should be able to easily track the location of the service provider in real-time from ride navigation. Our developers resolved the challenge to integrate google maps and used route APIS to draw service routes.

3. Multiple Profile Management

In the UpTime mobile application, users can create multiple profiles, such as truck owners can create their drivers’ profiles at the same time, and garage owners can create their technician profiles. This was a challenging part of the UpTime mobile app as the system needs to manage a lot of data through various subcategories of drivers and technicians, and at the same time, if any driver generates the repair request, it should notify the garage owner, truck owner as well as the technicians. Our app developers handled this specific client request pretty well.

4. Multiple payment gateways

The client wanted to integrate multiple payment gateways providing access to the truck owners as well as the drivers. The SwissCode developers developed the system that allows the truck owners to grant payment access as and when needed.

Technology Stacks

We have used the latest technologies that can justify client requirements
at the best to deliver bug-free solutions.