Al-Kbous Water
Website + App

Al-Kbous Water

Website and app for selling and delivering natural drinking water for Al-Kbous Group — includes an integrated electronic ordering system with an interactive delivery map and an administrative dashboard.

UI/UX Design
Web Development
Mobile App
Delivery System
Start Your Project Now
System Screenshots

Screenshots from the System

Customer App — Main Water Ordering Interface

Customer App — Main Water Ordering Interface

Delivery Tracking — Real-time Driver Location Map

Delivery Tracking — Real-time Driver Location Map

Driver App — Receiving Orders and Navigation

Driver App — Receiving Orders and Navigation

Admin Dashboard — Order Monitoring and Financial Reports

Admin Dashboard — Order Monitoring and Financial Reports

Client Background

Al-Kbous Water Delivery Company — one of Yemen's leading water delivery companies. Operates a fleet of 30+ drivers receiving 200+ daily orders by phone. Based in Sana'a with expansion plans to other cities.

Problem & Context

Al-Kbous water delivery company relied on a centralized phone-based ordering system, causing: (1) massive call center pressure with hundreds of daily calls, (2) frequent address and phone recording errors, (3) inability for customers to track orders or know estimated delivery time, (4) difficulty managing delivery fleet and route optimization, (5) no unified customer or order history database, (6) difficulty calculating driver revenue and evaluating performance.

Our Solution

We built a three-interface system with 7 REST API endpoints: (1) customer app (iOS & Android) for browsing products, placing orders, real-time delivery tracking on map (WebSocket, 3s refresh), online payment, and service rating, (2) driver app (iOS & Android) for receiving orders, viewing addresses on map, built-in Google Maps navigation, one-click delivery status updates, and work schedule management, (3) web admin dashboard for real-time order monitoring, product and pricing management, driver and fleet management (30+ drivers), performance analytics, and report generation. Notification system with 5 types: order confirmation, driver accepted, en route, arrived, and post-delivery rating. API endpoints: /api/auth, /api/products, /api/orders, /api/drivers, /api/tracking, /api/payments, /api/notifications.

Key Features

Full-Featured Customer App

Browse products, place orders with interactive map (Google Maps), live WebSocket delivery tracking (3s refresh), Stripe online payment, and service rating. Professional bilingual UI/UX. 4.8/5 star rating.

Smart Driver App

Receive orders via 7 API endpoints (/api/orders, /api/drivers, /api/tracking), built-in Google Maps navigation, one-click delivery status updates, work schedule management. 5 push notification types (FCM).

Live Map Tracking (WebSocket 3s)

Customers see the driver's location in real-time from order acceptance to delivery, updated every 3 seconds. Routes automatically optimized for 25% faster delivery.

Admin Dashboard & 7 API Endpoints

Real-time order monitoring, product/pricing management, 30+ driver fleet management, performance analytics with comprehensive reports. 5 notification types: order confirmed, driver accepted, en route, arrived, post-delivery rating.

Architecture

Cross-platform mobile apps built with Flutter (Dart) for iOS and Android from a single codebase, with Node.js backend, REST API (7 endpoints), and MongoDB database (5 collections: User, Product, Order, Driver, Rating). Uses Google Maps APIs for maps, routing, and route optimization, Firebase Cloud Messaging for 5 notification types, and WebSocket for real-time driver location tracking at 3-second intervals.

Security & Performance

(1) Phone number + OTP authentication, (2) SSL/TLS encryption for all data in transit and at rest, (3) role-based access (customer, driver, admin), (4) full audit trail for all operations, (5) JWT-based API protection, (6) payment data isolation.

Our Approach

We followed a Mobile-First methodology with separate interface designs for each user type (customer, driver, admin) since each role has completely different needs. We started with UX/UI design and actual user testing before writing any code. The three apps were developed in parallel with priority on the customer app first, then driver, then admin dashboard.

Project Timeline

1

Phase 1: Discovery & Requirements

2 weeks
2

Phase 2: UX/UI Design for All 3 Apps

3 weeks
3

Phase 3: Backend & API Development

4 weeks
4

Phase 4: Customer App Development

5 weeks
5

Phase 5: Driver App Development

4 weeks
6

Phase 6: Admin Dashboard Development

3 weeks
7

Phase 7: Testing & Store Submission

3 weeks
8

Phase 8: Ongoing Support

Continuous

Tech Stack

FlutterDartNode.jsMongoDBGoogle MapsFirebase FCMWebSocketREST APIJWTiOSAndroid

Results Delivered

80% reduction in call center load — from 200+ daily calls to minimal calls
35% faster delivery times through smart route optimization
Customer satisfaction rating of 4.8/5 on App Store and Google Play
25% improved delivery route optimization algorithm
End-to-end order cycle automation from delivery to rating
Both apps published on App Store and Google Play (Customer + Driver)
Centralized admin dashboard with real-time stats and financial reports
Server response time under 500ms
The Alkbous system completely transformed our operations. 80% of phone calls disappeared and all orders are now electronic. Customers love tracking their orders and drivers work much more efficiently.
A

Al-Kbous Management

CEO

Why ORTECH SOLUTIONS?

We have deep expertise in delivery app development — from Flutter to Node.js to Google Maps — and understand the operational challenges on Yemen's streets

We design tailored experiences for each user: customers want ease, drivers want speed, management wants analytics — three different interfaces from one platform

Our solutions work with Yemen's limited internet — local storage, offline sync, and instant notifications even on weak networks

Project FAQs

Development took 14-16 weeks including design, development, testing, and store submission.

Yes, both the customer app (Alkbous App) and driver app (Alkbous Express) are available on App Store and Google Play.

Yes, supports both cash on delivery and credit card payments.

After order confirmation, the system notifies the nearest available driver, the driver accepts, navigates to the address using built-in navigation, delivers the order, and the customer confirms receipt.

Yes, the driver's location appears on a live map from the moment the order is accepted until delivery.

Orders are dispatched automatically based on nearest driver and current load, with manual dispatch option from the admin dashboard.

Cash on delivery and credit card payments are supported, with digital wallet support planned for future expansion.

Yes, 5 types of notifications: order confirmation, driver acceptance, en route, arrival, and post-delivery rating request.

Related Terms

Understand the terms used in this project

Have a Similar Project?

We're here to help. Contact us for a free consultation

Services used in this project