Food and Fish & Meat products delivery app in Saudi Arabia
Compete Suite of Mobile and Web application for Food and Fish & Meat delivery service with Paytabs Payment Gateway Integration in Saudi Arabia.
![cover-web](https://res.cloudinary.com/br-cdn/image/upload/v1638538467/pizza_g27bcbd331_1280_min_9854c242f5.png)
![cover-mobile](https://res.cloudinary.com/br-cdn/image/upload/v1638538467/pizza_g27bcbd331_1280_min_9854c242f5.png)
Client and Location
A D2C fresh fish and meat provider in Kingdom of Saudi Arabia.
Problem/Requirement
The client required a food and grocery delivery application for public users to order and dashboard for vendors and admins to manage inventory and orders.
The logistics staffs required a mobile application to receive order notifications and route to pick up and drop locations and deliver orders.
The client required to integrate with Paytabs Payment Gateway for processing online payments and also support cash on delivery.
Solution We Implemented and Results
Our business analysts consolidated the requirements of the client and also studies the trends in the market.
Our in-house UI/UX design team then developed the wireframes and designs of the screens and defined the user flows.
We developed a mobile application in Flutter and a web application in React for the public users.
We developed a progressive web app (PWA) for the businesses (Vendors) and also for the admins. They can use this as a web application and also install this in their phones and tablets
Businesses can also use this as a standalone POS & ERP system for their business.
We developed an android application for the delivery staff. The staffs will get notifications upon order assignments and then route to pick up and delivery locations through the app.
Customer care executives are provided a web app to address customer queries and manage refunds and re-orders.
Our mobile application (developed in flutter) and web application (developed in React) integrate with Paytabs payment gateway for processing online payments.
The apps support English and Arabic languages and is robust to support more languages.
The system leverages cloud functions (Firebase) and cloud datastore (Firebase) technologies to provide a scalable and high performant experience to the users.
Technologies Used
- The web applications are developed using React.js
- The mobile applications are developed using Flutter
- The backend APIs and services are developed using Node.js and deployed in Firebase Cloud Functions
- Firebase Cloud Datastore is used at the database
- Sendgrid for Emails (notifications, invoices, reports)
- Firebase Cloud Messaging (FCM) for push notifications in apps.
Technologies Used
![](https://res.cloudinary.com/br-cdn/image/upload/v1638526533/Untitled_256_x_256_px_3_97c4b7174a.png)
React.js
![](https://res.cloudinary.com/br-cdn/image/upload/v1638526466/Untitled_256_x_256_px_2_ae38db1dc5.png)
Flutter
![](https://res.cloudinary.com/br-cdn/image/upload/v1638526413/Untitled_256_x_256_px_1_21e526c11b.png)
Node.js
![](https://res.cloudinary.com/br-cdn/image/upload/v1638526124/Untitled_256_x_256_px_cae5f99139.png)
Firebase