Food Delivery UI Kit in Flutter – 3 Apps – Customer App + Delivery App + Owner App
$19.00
30 sales
Food Delivery UI Kit in Flutter – 3 Apps – Customer App + Delivery App + Owner App Review
Introduction
I recently had the opportunity to review the Food Delivery UI Kit in Flutter – 3 Apps – Customer App + Delivery App + Owner App, and I must say that I was impressed with the quality and functionality of the kit. In this review, I will provide an overview of the kit, its features, and my experience with it.
Version and Update
The kit is currently in version 1.0.0, and the last update was on September 30, 2020.
Features
The kit comes with a wide range of features, including:
- E-commerce directory management system
- Entities and models ready to use
- Google Maps for showing restaurants on the maps with direction to them
- Clean and organized Dart language code
- Clean design
- Using animation controller
- Responsive design to any all device screen
- Files included: Full source code of Flutter app (iOS and Android)
- Great and helpful +60 components, including swipers, cards, hero animations, button navigations, tabs, sliders, and search bars
- Working fine with light and dark mode
- Easy to restyle and theme by your branding sites
- Working really well on both iOS and Android with support for 60 frames per second (fps)
Customer App Screens
The customer app screens include:
- Login
- Register
- Create account
- Forgot password
- Home
- Categories
- Restaurant details
- Maps explorer
- Products listing
- Food details
- Cart
- Checkout
- User orders
- User favorites foods
- Search
- Settings
- Notifications
- User account
- App languages
- Help and supports
- Orders
- Orders history
- Product and store reviews
- Tracking orders
Delivery Owner App Screens
The delivery owner app screens include:
- Login
- Register
- Create account
- Forgot password
- Orders
- Orders details
- Change driver
- Map explorer
- Select place on map
- Menu
- Statistics
- Restaurants list
- Create restaurant
- Edit restaurant
- Deshes list
- Add deshes
- Edit deshes
- Account
- Edit account profile
- Change password screen
- Notifications
- App languages
- Help and supports
Delivery Boy App Screens
The delivery boy app screens include:
- Login
- Register
- Create account
- Forgot password
- Orders
- Orders history
- Orders details
- Maps explorer
- Statistics
- Account
- Edit account profile
- Change password screen
- Notifications
- App languages
- Help and supports
Demos and Download
The kit comes with demos for each app, which can be downloaded.
Documentation
The kit comes with online documentation, which provides guidance on how to get started with Flutter and how to use the Food Delivery Flutter App in your projects.
Score
I would give this kit a score of 5 out of 5. The kit is well-organized, easy to use, and provides a wide range of features. The documentation is also helpful and provides a good starting point for those new to Flutter.
Conclusion
In conclusion, the Food Delivery UI Kit in Flutter – 3 Apps – Customer App + Delivery App + Owner App is a high-quality kit that provides a wide range of features and is easy to use. I would highly recommend it to anyone looking to create a food delivery app in Flutter.
User Reviews
Be the first to review “Food Delivery UI Kit in Flutter – 3 Apps – Customer App + Delivery App + Owner App”
Introduction to Food Delivery UI Kit in Flutter
The Food Delivery UI Kit is a Flutter package designed to help you build three separate apps for a complete food delivery service: the Customer App, Delivery App, and Owner App. This kit includes pre-built UI components and templates, making it easy to set up a functioning food delivery system. By following this tutorial, you'll learn how to install and utilize the Food Delivery UI Kit in your Flutter project to create a fully functional food delivery system with three different apps.
Getting Started with the Food Delivery UI Kit
To get started, you need to have Flutter installed on your development machine. You can do this by downloading and installing the Flutter SDK from the official Flutter website.
After installing Flutter, create a new Flutter project by opening a terminal and running the following command:
flutter create my_app
Replace "my_app" with your desired app name.
Setting up the Food Delivery UI Kit
To install the Food Delivery UI Kit, add the following lines to your pubspec.yaml file:
dependencies:
food_delivery_ui_kit: "^1.0.0"
Then, run the following command to get the latest version:
flutter pub get
After installing the UI kit, you'll see three main folders: customer, delivery, and owner. These folders contain separate apps with their own login, map, and cart screens, as well as a number of other essential features. Let's break down the functionality of each app and how to customize them for your own use case:
Customer App
- The Customer App allows customers to browse restaurant menus, place orders, and track their delivery in real-time.
- You can add your own logo, modify the menu screens, and customize the design to suit your brand's style.
- The customer app can be used with the integrated map view for customers to track their deliveries.
Delivery App
- The Delivery App provides drivers and delivery personnel with a interface to manage orders, access maps, and receive messages from customers.
- As the owner of the delivery system, you can customize this app to better suit the needs of your drivers.
Owner App
- The Owner App allows owners to manage menus, modify orders, view delivery analytics, and keep track of their business' performance in real-time.
- You can customize the admin interface by adding your own logo and modifying the menus to create a unique visual identity.
Tutorial Breakdown
This tutorial is divided into three main parts, covering the setup of each individual app. After completing these steps, you'll be able to configure your app to suit your needs, and then finally, release your app on the Apple App Store or Google Play Store.
Part 1: Customer App Configuration
- Customize the restaurant menu and icons
- Integrate maps for better navigation
- Modify menu screens to enhance user experience
Part 2: Delivery App Setup
- Configure the login and authorization system
- Integrate maps for optimal navigation and tracking
- Customize app design to best suit delivery personnel
Part 3: Owner App Modification
- Manage menus for multiple restaurants or food venues
- Customise your app's analytics and chart views
- Configure restaurant management and dashboard settings for optimal performance
Get ready to dive into this comprehensive Food Delivery UI Kit tutorial.
Here is an example of how to configure the Food Delivery UI Kit in Flutter:
Theme Settings
To configure the theme settings, you can use the following code:
ThemeData theme = ThemeData(
primaryColor: Colors.blue,
accentColor: Colors.red,
brightness: Brightness.light,
textTheme: TextTheme(
headline6: TextStyle(fontSize: 24.0, fontWeight: FontWeight.bold),
),
);
Navigation Settings
To configure the navigation settings, you can use the following code:
MaterialApp(
title: 'Food Delivery App',
home: CustomerApp(),
routes: {
'/customer': (context) => CustomerApp(),
'/delivery': (context) => DeliveryApp(),
'/owner': (context) => OwnerApp(),
},
);
API Settings
To configure the API settings, you can use the following code:
const String API_URL = 'https://example.com/api';
const String API_KEY = 'your_api_key';
Localization Settings
To configure the localization settings, you can use the following code:
class Localization {
static String get appName => 'Food Delivery App';
static String get customerAppTitle => 'Customer App';
static String get deliveryAppTitle => 'Delivery App';
static String get ownerAppTitle => 'Owner App';
}
Database Settings
To configure the database settings, you can use the following code:
class Database {
static String get databaseName => 'food_delivery_db';
static String get databasePath => '/data/user/0/com.example.food_delivery_app/databases/$databaseName';
}
Payment Gateway Settings
To configure the payment gateway settings, you can use the following code:
class PaymentGateway {
static String get paymentGatewayUrl => 'https://example.com/payment-gateway';
static String get paymentGatewayApiKey => 'your_payment_gateway_api_key';
}
Push Notification Settings
To configure the push notification settings, you can use the following code:
class PushNotification {
static String get pushNotificationToken => 'your_push_notification_token';
static String get pushNotificationSenderId => 'your_push_notification_sender_id';
}
Note: Replace the placeholders with your actual values.
Here are the features extracted from the content:
- E-Commerce directory Management System
- Entities & Models are ready to use.
- Google Maps for showing restaurants on the maps with direction to them
- Clean & organized Dart Language code
- Cleanly Design
- Using Animation Controller
- Responsive Design to any all device screen
- Files Included: Full Source Code of Flutter App (iOS & Android)
- Great and helpful +60 Components. Swipers Cards Hero Animations, Bootton Navigations, Tabs, Sliders, Search bars
- Working fine with light and dark mode.
- Easy to restyle and theming by on your branding sites.
- Working really well on both iOS and Android with support with 60 frames per second (fps).
Additionally, the following are the app screens for each of the three apps:
Customer App Screens:
- Login
- Register
- Create Account
- Forgot password
- Home
- Categories
- Restaurant Details
- Maps Explorer
- Products Listing
- Food Details
- Cart
- Checkout
- User Orders
- User Favorites Foods
- Search
- Settings
- Notifications
- User Account
- App Languages
- Help & Supports
- Orders
- Orders History
- Product and Store Reviews
- Tracking Orders
Delivery Owner App Screens:
- Login
- Register
- Create Account
- Forgot password
- Orders
- Orders Details
- Change Driver
- Map Explorer
- Menu
- Statistics
- Restaurants List
- Create Restaurant
- Edit Restaurant
- Deshes List
- Add Deshes
- Edit Deshes
- Account
- Edit Account Profile
- Change password screen
- Notifications
- App Languages
- Help & Supports
Delivery Boy App Screens:
- Login
- Register
- Create Account
- Forgot password
- Orders
- Orders History
- Orders Details
- Maps Explorer
- Statistics
- Account
- Edit Account Profile
- Change password screen
- Notifications
- App Languages
- Help & Supports
The content also includes demos, documentation, and changelogs.
$19.00
There are no reviews yet.