Flutter

Taxi

App templates

Mobile

Framework

Product type

Product category

Features supported

Soft-type

Carent Is Rental Car Flutter App. Marketplace rental car. connects between Customer (User) and Owner Car (car renters). 
Customer have many abilities Book a car (options date &amp; note rent), Comment and Private Chat to Owner. Owner have capabilities create A Rental to Book, Support 3 images, Reply Comment and Private Chat to Customer. Once book a car success, create notification to Owner &amp; Customer (Recent History Transaction).  Flutter Apps integrated with API Backend Restful (JSON), PHP 7 up to, MySQL Database (PHPMyAdmin), Firebase Authentication, Cloud Firestore, Cloud Messaging, Storage (images), Firebase Push Notification and also Admob Ready monetize (Freemium). Support dual languages (Indonesia &amp; English), easy to re-skin, customize.

Google PlayStore Link: https://bit.ly/carent_playstore
APK Demo Link: https://bit.ly/CarentDemo
Youtube Demo: 



Carent Flutter Taxi Mobile App template 1

Carent Flutter Taxi Mobile App template 2

Carent Flutter Taxi Mobile App template 3

Carent Flutter Taxi Mobile App template 4

Carent Flutter Taxi Mobile App template 5

Carent Flutter Taxi Mobile App template 6

Carent Flutter Taxi Mobile App template 7

Carent Flutter Taxi Mobile App template 8

Carent Flutter Taxi Mobile App template 9

Carent Flutter Taxi Mobile App template 10

Carent Flutter Taxi Mobile App template 11

Carent Flutter Taxi Mobile App template 12

Carent Flutter Taxi Mobile App template 13

Carent Flutter Taxi Mobile App template 14

Carent Flutter Taxi Mobile App template 15

Carent Flutter Taxi Mobile App template 16

Carent Flutter Taxi Mobile App template 17

Carent Flutter Taxi Mobile App template 18

Carent

Ui Kits

Flutter Taxi App mobile UI KIT developed 99% by Flutter. It contain 25 Screens with different type of UI. It uses the Google Map Flutter plugin to get directions on the map. High-precision polylines as Google Map application. Flutter Taxi App UI Kit communicates with the Google Maps API Directions Service which receives direction requests and returns an efficient path. The application works on iOS and Android.

TaxiAppDriver Flutter Taxi Mobile Uikit 1

TaxiAppDriver Flutter Taxi Mobile Uikit 2

TaxiAppDriver Flutter Taxi Mobile Uikit 3

TaxiAppDriver Flutter Taxi Mobile Uikit 4

TaxiAppDriver Flutter Taxi Mobile Uikit 5

TaxiAppDriver Flutter Taxi Mobile Uikit 6

TaxiAppDriver Flutter Taxi Mobile Uikit 7

TaxiAppDriver Flutter Taxi Mobile Uikit 8

TaxiAppDriver Flutter Taxi Mobile Uikit 9

TaxiAppDriver Flutter Taxi Mobile Uikit 10

TaxiAppDriver Flutter Taxi Mobile Uikit 11

TaxiAppDriver Flutter Taxi Mobile Uikit 12

TaxiAppDriver Flutter Taxi Mobile Uikit 13

TaxiAppDriver Flutter Taxi Mobile Uikit 14

TaxiAppDriver Flutter Taxi Mobile Uikit 15

TaxiAppDriver Flutter Taxi Mobile Uikit 16

TaxiAppDriver Flutter Taxi Mobile Uikit 17

TaxiAppDriver Flutter Taxi Mobile Uikit 18

TaxiAppDriver Flutter Taxi Mobile Uikit 19

TaxiAppDriver Flutter Taxi Mobile Uikit 20

TaxiAppDriver Flutter Taxi Mobile Uikit 21

TaxiAppDriver



<h3 id="item-description__flutter-realtime-database-android-ios-uber-system"><b>FLUTTER REALTIME DATABASE (ANDROID | IOS ) UBER SYSTEM </b></h3>

<h2 id="item-description__upgrades"><strong>UPGRADES</strong></h2>
<pre>
May 09 2022
Super Admin Web backend upgraded with Settings and Edit Taxi Type Pages
Super admin can able to update taxi types prices , informations and commission percentage.
Flutter Geofire Uber Taxi Driver application's profile page upgraded
Taxi Driver application will be show Total Earnings &#038; Total Trips and Sum of commission payments.
Taxi Driver can able to choose his/her taxi types when he/she registering into Uber Taxi System.
Flutter Geofire Uber Taxi Passenger application upgraded
Passenger can able to choose 3 different type of Uber Taxis. /Simple taxi , Elegant Taxi , Vip Taxi/
Each Taxi types has own different prices and images.
</pre>

	<p><img src="/imgproxy/2022/06/1654714011_181_Full-Flutter-Realtime-Database-Uber-Taxi-Clone-Uber-Customer-Uber-Driver.jpg" alt="IMG-4426" />
</p><p><strong>In order to download application , please click on below link, it will automatically direct you into Flutter Geo Fire Uber Taxi Application</strong>
<a rel="nofollow noopener" target="_blank" href="https://drive.google.com/uc?export=download&#038;id=1U53KJPB8_kunBcI5NZL-aGOTx30Lzrzz"><p>Download Uber Taxi Passenger Application</p></a>
<pre>Email : customer@gmail.com
Password: 123456789</pre></p>


	<p><a rel="nofollow noopener" target="_blank" href="https://drive.google.com/uc?export=download&#038;id=1TmU1WHBZ8piDl_Hbf36xTSutOXLPoptx"><p>Download Uber Taxi Driver Application</p></a></p>


<pre>Email : driver@gmail.com
Password: 123456789</pre>

<h3 id="item-description__1-flutter-realtime-database-uber-passenger-application"><strong>1.FLUTTER REALTIME DATABASE UBER Passenger APPLICATION</strong></h3>

<ul>
    <li>Authentication &#8211; System supports Email/password Authentication</li>
    <li>Automatic Distance / Price Calculation &#8211; We&#8217;ve used Google Distance matrix API to calculate distance between origin and destination.</li>
    <li>Automatic Location Pickup &#8211; Once location Permission given, our program will fetch user&#8217;s current location and address automatically</li>
    <li>Location Search &#038; Drag and drop picker &#8211; User can search location using Google&#8217;s Auto suggestion feature. They can also drag the map to pick location.</li>
    <li>OTP to start trip &#8211; User need to give OTP to driver to start trip, which helps you to avoid fake trips</li>
    <li>Manage Trip History &#8211; You can View &#038; Manage trips in details such as trip location, status, payments and more</li>
    <li>Push Notification -User send push notification to Uber Driver.</li>
    <li>Manage Profile -User can change their profile image &#038; update their profile details.</li>
<li>Realtime Tracking Driver Location &#8211; Taxi passenger can able to see , that where is going his/her driver&#8217;s location on Google Map.</li>
<li>Choose your Dropoff Destination with just moving your marker on Google Map</li>
<li>After trip successfully finished ,then passenger can able to give Rating to Uber Driver</li>

</ul>

	<p><img src="/imgproxy/2022/06/1654714011_576_Full-Flutter-Realtime-Database-Uber-Taxi-Clone-Uber-Customer-Uber-Driver.jpg" alt="Untitled-x" /></p>


<h3 id="item-description__2-flutter-realtime-database-uber-driver-application"><strong>2.FLUTTER REALTIME DATABASE UBER DRIVER APPLICATION</strong></h3>

<ul>
    <li>Authentication &#8211; System supports Email/password Authentication</li>
    <li>Receive Uber Taxi offer from nearest passengers</li>
    <li>Push Notification &#8211; Receive firebase cloud messaging push notification from Customers</li>
    <li>OPT to start trip &#8211; Driver need to enter OTP before trip starts , which help customers to avoid fake trips</li>
    <li>Manage Trip History &#8211; Driver can View &#038; Manage trips in details such as trip location, status, payments and more</li>
    <li>Manage Profile -User can change their profile image &#038; update their profile details.</li>
<li>Application will be automatically update Uber Driver&#8217;s location on Google Map and Firebase Database</li>
<li>Online/Offline Mode &#8211; After activating slider button Uber Driver will be Online, then Uber Driver can able to receive Trip Offers from nearest passengers</li>
</ul>

	<p><img src="/imgproxy/2022/06/1654714011_353_Full-Flutter-Realtime-Database-Uber-Taxi-Clone-Uber-Customer-Uber-Driver.jpg" alt="Untitled-2" /></p>


<h4 id="item-description__angular-13-uber-system-super-admin-webbackend">Angular 13 Uber System Super Admin Webbackend</h4>

<h4 id="item-description__login-section">Login Section</h4>
<img src="/imgproxy/2022/06/Full-Flutter-Realtime-Database-Uber-Taxi-Clone-Uber-Customer-Uber-Driver.png" alt="Capture1" />
<h4 id="item-description__home-page">Home Page</h4>
<img src="/imgproxy/2022/06/1654714014_855_Full-Flutter-Realtime-Database-Uber-Taxi-Clone-Uber-Customer-Uber-Driver.png" alt="Capture2" />
<h4 id="item-description__uber-taxi-drivers-list">Uber Taxi Drivers List</h4>
<img src="/imgproxy/2022/06/1654714015_798_Full-Flutter-Realtime-Database-Uber-Taxi-Clone-Uber-Customer-Uber-Driver.png" alt="Capture4" />
<h4 id="item-description__taxi-driver-info">Taxi Driver Info</h4>
<img src="/imgproxy/2022/06/1654714022_7_Full-Flutter-Realtime-Database-Uber-Taxi-Clone-Uber-Customer-Uber-Driver.png" alt="Capture5" />
<h4 id="item-description__taxi-passengers-list">Taxi Passengers List</h4>
<img src="/imgproxy/2022/06/1654714028_468_Full-Flutter-Realtime-Database-Uber-Taxi-Clone-Uber-Customer-Uber-Driver.png" alt="Capture6" />
<h4 id="item-description__taxi-passenger-info">Taxi Passenger Info</h4>
<img src="/imgproxy/2022/06/1654714028_549_Full-Flutter-Realtime-Database-Uber-Taxi-Clone-Uber-Customer-Uber-Driver.png" alt="Capture7" />
<h4 id="item-description__trip-orders-list">Trip Orders List</h4>
<img src="/imgproxy/2022/06/1654714034_390_Full-Flutter-Realtime-Database-Uber-Taxi-Clone-Uber-Customer-Uber-Driver.png" alt="Capture8" />
<h4 id="item-description__orders-info">Orders Info</h4>
<img src="/imgproxy/2022/06/1654714037_87_Full-Flutter-Realtime-Database-Uber-Taxi-Clone-Uber-Customer-Uber-Driver.png" alt="Capture9" />

<h4 id="item-description__settings">Settings</h4>

<h4 id="item-description__edit-taxi-type">Edit Taxi Type</h4>
<img src="/imgproxy/2022/06/1654714046_263_Full-Flutter-Realtime-Database-Uber-Taxi-Clone-Uber-Customer-Uber-Driver.png" alt="s2" />
<h4 id="item-description__google-map-integrated">Google Map Integrated</h4>
<a rel="nofollow noopener" target="_blank" href="https://ibb.co/MRZDNwy"><img src="/imgproxy/2022/06/1654714052_902_Full-Flutter-Realtime-Database-Uber-Taxi-Clone-Uber-Customer-Uber-Driver.png" alt="Capture91" /></a>

Full-Flutter Realtime Database Uber-Taxi-Clone - /Uber Customer| Uber Driver/ Flutter Taxi Mobile App template

Full-Flutter Realtime Database Uber-Taxi-Clone - /Uber Customer| Uber Driver/



<h4 id="item-description__this-is-flutter-rewrite-of-ridy-native">This is Flutter rewrite of Ridy Native: https://codecanyon.net/item/taxi-application-android-ios-solution-dashboard/21651162</h4>

<h2 id="item-description__introduction">Introduction</h2>
<p>Ridy is a fully featured taxi application based on Flutter and it uses powerful Node.js application as it&#8217;s backend. It is designed with all aspects of taxi business requirements being in mind.</p>
<img src="/imgproxy/2022/02/1645968959_307_Ridy-Flutter-Full-Taxi-solution.png" alt="Ridy Flutter - Full Taxi solution - 1" />

<h2 id="item-description__features">Features</h2>
<h3 id="item-description__rider">Rider</h3>
<ul>
<li>Wizard UX for pickup and destination locations selection</li>
<li>Select between services available in the region</li>
<li>Real-time location updates of driver during trip</li>
<li>Call/Text the driver if needed</li>
<li>Writing <b>Review</b> &#038; rating the trip</li>
<li>Use <b>Coupons</b> to get discounts on service fee</li>
<li>History of all credit <b>Transactions</b> available</li>
<li>Checkout <b>Announcements</b> for updates, news &#038; etc.</li>
<li>Add credit to in-app <b>Wallet</b> with online payment gateways</li>
<li><b>Pay</b> the fee of travel with Online payment or Cash</li>
</ul>

<h3 id="item-description__driver">Driver</h3>
<ul>
<li>Switch between available &#038; unavailable statuses</li>
<li>Accept the most fitting available request</li>
<li>Google API calculates fare based on distance and traffic</li>
<li>Cancel Travel before starting</li>
<li>Call/Text the rider if needed</li>
<li>History of all credit <b>Transactions</b> available</li>
<li>Checkout <b>Announcements</b> for updates, news &#038; etc.</li>
</ul>

<h3 id="item-description__admin-panel">Admin Panel</h3>
<ul>
<li><b>Overview</b> Showing current online drivers and some statistics about service state</li>
<li><b>Drivers/Riders</b> Showing details and records of their activities.</li>
<li><b>Requests</b> Viewing and searching for all of the service requests.</li>
<li><b>Complaints</b> Manage and view complaints driver/rider made on their trip through the app.</li>
<li><b>Coupons</b> Define new coupon codes that your users can use to get discounts on their services</li>
<li><b>Announcements</b> Send news, updates &#038; etc to drivers or riders</li>
<li><b>Services</b> Define services and set their fee calculation parameters.</li>
<li><b>Regions</b> Define regions app would operate on.</li>
<li><b>Fleets</b> Define fleets to assign drivers to them. By setting a share for fleet commission of trip would be splitted between fleet and system admin by that percent.</li>
<li><b>Payment Gateway</b> Define payment gateways that user can use to pay for his trip and top up their wallet.</li>
<li><b>Cars</b> Define car models &#038; colors to be assigned to the drivers later.</li>
<li><b>Users</b> List all users who have access to dashboard with their respective permission to each section.</li>
</ul>
<br />

<h2 id="item-description__live-demo">Live Demo</h2>
<h4 id="item-description__rider">Rider</h4>
<a rel="nofollow noopener" target="_blank" href="https://play.google.com/store/apps/details?id=com.ridy.taxi.rider"><img src="/imgproxy/2022/02/1645968959_537_Ridy-Flutter-Full-Taxi-solution.png" alt="Get it on Google Play" /></a>
<a rel="nofollow noopener" target="_blank" href="https://apps.apple.com/us/app/ridy-flutter/id1592809954"><img src="/imgproxy/2022/02/1645968959_247_Ridy-Flutter-Full-Taxi-solution.png" alt="Get it on App Store" /></a>
<h4 id="item-description__driver">Driver</h4>
<img src="/imgproxy/2022/02/1645968959_537_Ridy-Flutter-Full-Taxi-solution.png" alt="Get it on Google Play" />
<a rel="nofollow noopener" target="_blank" href="https://apps.apple.com/us/app/ridy-driver-flutter/id1592811909"><img src="/imgproxy/2022/02/1645968959_247_Ridy-Flutter-Full-Taxi-solution.png" alt="Get it on App Store" /></a><br />
<h4 id="item-description__admin-panel">Admin Panel</h4>
<a rel="nofollow noopener" target="_blank" href="https://demo-admin.ridy.io/">Demo</a>
<h4 id="item-description__admin-panel-username-admin-password-admin">Admin Panel username:admin, password:admin</h4>

<h2 id="item-description__package-contents">Package Contents</h2>
<p>The package you will receive after download consists of following folders:</p>
<ul>
<li>documentation: Available to <a rel="nofollow noopener" target="_blank" href="https://minimalistic-apps.gitbook.io/ridy-flutter">View Online</a>.</li>
<li>driver: Flutter project supporting Android, iOS, Web and Desktop</li>
<li>rider: Flutter project supporting Android, iOS, Web and Desktop</li>
<li>server: Source code of backend and Admin Panel.</li>
</ul>
<p>Server side source code is available in the package however suggested method of installation remains to be &#8220;Easy&#8221; installation method if you don&#8217;t intend to customize the server side, Bear in mind you can switch later to manual installation mode as well.</p>

<h2 id="item-description__requirements">Requirements</h2>
<ul>
    <li>A Linux VPS (preferably with Ubuntu 18.04 or 20.04) to host the server side. You can get one of these for a price low as 8$/month. For recommendations you can contact through e-mail.</li>
    <li>A Google Maps account with billing enabled. Google Maps is only used for Directions. All other Maps services are free ones. This means in most scales Google&#8217;s free plan suffices.</li>
</ul>

<h2 id="item-description__support">Support</h2>
<p>Support is an essential part of Ridy and to fulfill that we have our own custom Support panel that all buyers of item would have access to (https://support.ridy.io). under Codecanyon support policies for mobile apps we try to provide the best services we can offer ranged from Free to paid services such as integration of other payment gateways.</p>

<h2 id="item-description__what-about-the-native-version">What about the native version?<h2 id="item-description__">
</h2></h2><p>Flutter version of Ridy is a separate product and at the moment there is no direct relation with the native version. We do plan to continue supporting native version and release updates for it. However some of Flutter application benefits are only possible by switching to the flutter version. If you were interested in switching you will have to take into account migration of your previous data. Databases of these two have certain incompatibilities. You can consult us if you need help with migration of data <a rel="nofollow noopener" target="_blank" href="mailto:minimalistic.apps@gmail.com">minimalistic.apps@gmail.com</a></p>
<p>It is worth mentioning that the return of already downloaded native version purchase in order to purchase the flutter version is not possible.</p>

<h2 id="item-description__goals-of-flutter-version">Goals of Flutter version?</h2>
<ul>
<li>Same UI on all platforms</li>
<li>Less resource consuming customization work (Around one third compared to native)</li>
<li>Easier to maintain in the long run</li>
<li>Code is easier to understand and customize</li>
<li>Incompatibility issues prevented</li>
<li>Possibility to offer Web &#038; Desktop apps</li>
</ul>

<h2 id="item-description__supported-payment-gateways">Supported Payment Gateways</h2>
<p>Below are the list of already integrated payment gateways into the solution. Using these are as easy as getting your API key from them and entering them in the Admin Panel</p>
<ul>
    <li>PayPal</li>
    <li>Stripe</li>
    <li>PayStack</li>
    <li>Imstamojo</li>
    <li>Amazon Payment Services</li>
    <li>Flutterwave</li>
    <li>MIPS</li>
    <li>MyTMoney</li>
    <li>PayGate</li>
    <li>Paytm</li>
    <li>Mercadopago</li>
    <li>PayU</li>
    <li>Way For Pay</li>
</ul>
<p>There is also a custom link option that you can use to redirect to your own backend and run the integration from there. This is useful for mobile payment guidance for example.</p>

<h2 id="item-description__release-notes">Release Notes</h2>
<p><strong>v1.2.0 (January, 1 2022)</strong></p>
<pre>- Google Places API integrated (optional)
- Driver income indicator
- Driver income charts
- Service activity page on Admin panel</pre>

<p><strong>v1.1.0 (December, 14 2021)</strong></p>
<pre>-2 New Map Providers added (Google Maps &#038; Mapbox)
-In-app chat feature added
-Book later feature added
-Export to CSV feature added
-Various UI improvements
-Bug fixes</pre>

Ridy Flutter - Full Taxi solution Flutter Taxi Mobile App template

Ridy Flutter - Full Taxi solution

React native



<blockquote>  <a rel="nofollow noopener noreferrer" target="_blank" href="/imgproxy/2020/11/1605373824_468_Common-Template-React-Native.png"><img src="/imgproxy/2020/11/1605373824_468_Common-Template-React-Native.png" alt="" />
  </a>  <br />   </blockquote>  This project is based on React Native.  <b>React Native</b>  (also known as RN) is a popular JavaScript-based mobile app framework that allows you to build natively-rendered mobile apps for <b>iOS</b> and  <b>Android</b> . The framework lets you create an application for various platforms by using the same codebase.       <br />     We have implemented several screens which are common and reusable. As well as Common components have been added. This project does not contain any back end functionality and its sole purpose is to provide you with almost all Front End component to get started with your own.<br /><br /><br /> <a rel="nofollow noopener noreferrer" target="_blank" href="https://lh3.googleusercontent.com/-DyLdzSS_7es/X6p2QK6aG0I/AAAAAAAAAvc/ct8120jVylgunXTsMawaJNrOduAyqOObACLcBGAsYHQ/1_smartmockups_kh8zdmea.png"><img src="/imgproxy/2020/11/1605373824_683_Common-Template-React-Native.png" alt="" /></a> <br /><br />You can easily customize all things without programming knowledge. For that, Please download and refer the attached document as <b>Technical Guider.<br /></b> <br /> <ul><li> Technical Document is <a rel="nofollow noopener noreferrer" target="_blank" href="https://docs.google.com/document/d/1wlHNrtgRxrgI8Ry0ReYcaGzTnw6CkwIpcluZw6dcoPg/edit?usp=sharing">here</a>.<br /><br /> </li><li> Android App is here.<br /> </li><ul><li> Test user credential  </li><ul><li> user name &#8211; <a rel="nofollow noopener noreferrer" target="_blank" href="mailto:test@gmail.com">test@gmail.com</a> </li><li> password &#8211; 123456<br /><br /> </li></ul></ul></ul>   Note -    Navigate to your phone settings menu then to the security settings.   <b>Enable</b>    the    <b>Install</b>    from Unknown Sources option. Otherwise   Android will ask you to grant permission to either the file browser or your web browser to install the app. Grant the permission and it should bounce you back to the installation screen. If not, navigate back to your Download folder after granting permission to try again.      The app should safely install. <br /><br /><br />   The following describes the short form of all of the screens.   <br /><br /><br /><br />
  <a rel="nofollow noopener noreferrer" target="_blank" href="https://1.bp.blogspot.com/-ECNA9ksA0C4/X6kymEwuuQI/AAAAAAAAAuc/e1QqLzfJpf4iP-N9LRixcLzarR0jUtoMACLcBGAsYHQ/s1534/Screenshot%2B2020-11-09%2Bat%2B17.05.29.png">
    <img src="/imgproxy/2020/11/1605373825_521_Common-Template-React-Native.png" alt="Common Template - React Native - 1" /></a>  <a rel="nofollow noopener noreferrer" target="_blank" href="https://1.bp.blogspot.com/-y-MyOMPvR54/X6k0SJplJxI/AAAAAAAAAuo/Ejg2EvaoK-IQzvGXYOEEpxfxGYVfqwyMgCLcBGAsYHQ/s1530/Screenshot%2B2020-11-09%2Bat%2B17.05.45.png"><img src="/imgproxy/2020/11/1605373825_889_Common-Template-React-Native.png" alt="Common Template - React Native - 2" /></a>  <br /><br /><br /><br />          Next Common template is based on Flutter              Coming Soon  <br /><br />

Create much more with 5 Flutter taxi app templates and ui kits

Carent

TaxiAppDriver

Full-Flutter Realtime Database Uber-Taxi-Clone - /Uber Customer| Uber Driver/

Ridy Flutter - Full Taxi solution

Common Template - React Native