Free Download Build Uber Clone With Admin Web Panel - Flutter & Firebase
Last updated 6/2024
MP4 | Video: h264, 1920x1080 | Audio: AAC, 44.1 KHz
Language: English | Size: 12.38 GB | Duration: 20h 17m
Learn Full Stack Development by building iOS Android Taxi Booking, Car Pool, Ride Sharing App like inDriver and OLA 2024
What you'll learn
Full Stack Mobile App Development
Full Stack WEB App Development
Fully Functional UBER Clone App with Admin WEB Panel
Google Maps APIs Implementation
How to Implement APIs Services in Mobile Applications
How to Implement Push Notifications Service in Apps
Directions API
GeoLocator API
Google Reverse GeoCoding API
Google Forward GeoCoding API
Places API
Places Auto Complete Search
Places Details API
and much more
Requirements
you must have some basic programming knowledge
you must have some basic flutter knowledge
Description
In this course you will learn full stack web and mobile app development by building fully functional Flutter iOS and Android UBER Clone App using Firebase as backend with Flutter ADMIN WEB Portal.This course will help you in becoming a Full Stack developer. A full-stack developer is a developer or engineer who can build both the front end and the back end of a website. The front end (the parts of a website a user sees and interacts with) and the back end (the behind-the-scenes data storage and processing) require different skill sets.Flutter is an open-source UI software development kit created by Google. It is used to develop cross platform applications from a single codebase for any Web browser, Android and iOS.Control every pixel to create customized & adaptive designs that look great on any screen. Take control of your codebase with plugins, testing, dev tools & build high quality apps. Native Performance. Open Source. Mobile Ads SDK. Fast Development. Null Safe Code.Firebase provides tools to grow your app and business, for startups & global enterprises. Get your app up and running quickly & securely with fully managed backend infrastructure. Cross-Platform Solutions. Customize Your App. Accelerate Development.Firebase, Inc. is a set of backend cloud computing services and application development platforms provided by Google. It hosts databases, services, authentication, and integration for a variety of applications, including Android, iOS, JavaScript, Node.jsFirebase Cloud Messaging (FCM) is a cross-platform messaging solution that lets you reliably send messages at no cost. Firebase Cloud Messaging, formerly known as Google Cloud Messaging, is a cross-platform cloud service for messages and notifications for Android, iOS, and web applications, which as of May 2023 can be used at no cost. Firebase Cloud Messaging is a messaging service provided by Google for Android, iOS, and web applications. FCM allows developers to send notifications and messages to mobile devices in real-time. FCM can be used to send notifications for new messages, updates, and other events.
Overview
Section 1: Introduction
Lecture 1 Introduction
Section 2: Download and Install Flutter - Step by Step Complete Setup
Lecture 2 Download and Install Flutter | Windows
Lecture 3 Download and Install Flutter | MacOS
Section 3: Download
Lecture 4 Download
Section 4: Users App - Create and Setting up a New Flutter Project
Lecture 5 Download
Lecture 6 create and setting up a new flutter project
Section 5: Users App - Login and Signup Pages UI
Lecture 7 add images to flutter app and apply dark theme
Lecture 8 login and signup screen ui
Section 6: Users App - Check if Internet is Working | Signup Form Validation
Lecture 9 check if internet network is available and working
Lecture 10 signup form validation
Section 7: Users App - Connect App with Firebase | Signup & SignIn Users with Firebase
Lecture 11 connect flutter app with firebase
Lecture 12 If you have problems in connecting Firebase with Flutter App
Lecture 13 loading bar widget
Lecture 14 create user with email and password and save user data to database
Lecture 15 login user and check if user is not blocked by admin
Lecture 16 Source Code of this Section
Section 8: Users App - Add Google Map | Apply Different Theme and Styles on Google Maps
Lecture 17 create google maps api key for flutter app
Lecture 18 how to add google map in flutter app
Lecture 19 set different google map styles and themes
Lecture 20 Source Code of this Section
Section 9: Users App - Ask for Location Permission | Get user Current Location
Lecture 21 how to ask for location permission from user
Lecture 22 get user current location
Lecture 23 Source Code of this Section
Section 10: Drivers App - SignIn and SignUp Drivers
Lecture 24 Download
Lecture 25 create new flutter project for drivers app | login feature implementation
Lecture 26 signup screen ui implementation
Lecture 27 pick image from gallery and show on signup screen
Lecture 28 upload image to storage
Lecture 29 fix form validation and fix the code flow
Lecture 30 connect drivers app with firebase and test signup and signin user
Lecture 31 Source Code of this Section
Section 11: Drivers App - Bottom Navigation Bar | Add Google Map & Get Driver Current Loc
Lecture 32 bottom navigation bar implementation
Lecture 33 add google map and get driver current location
Lecture 34 Source Code of this Section
Section 12: Admin Web Panel - Setup New WEB Project | Web Sidebar Implementation
Lecture 35 Download
Lecture 36 create and setup a new flutter web project
Lecture 37 flutter admin panel sidebar implementation part 1
Lecture 38 flutter admin panel sidebar implementation part 2
Lecture 39 Source Code of this Section
Section 13: Admin Web Panel - Implement Headers for Drivers & Users & trips Web Pages
Lecture 40 implement headers for drivers data
Lecture 41 implement headers for drivers data and for trips data
Lecture 42 Source Code of this Section
Section 14: Admin Web Panel - Retrieve and Display Users and Drivers Data List
Lecture 43 implement data widget for displaying data
Lecture 44 connect flutter web app with firebase
Lecture 45 retrieve and display drivers records to admin part 1
Lecture 46 retrieve and display drivers records to admin part 2
Lecture 47 retrieve and display users records to admin
Lecture 48 Source Code of this Section
Section 15: Users App - Implement Drawer & SignOut user Feature
Lecture 49 drawer implementation
Lecture 50 check if user is logged-in and if user is blocked
Lecture 51 signout user
Lecture 52 Source Code of this Section
Section 16: Users App - Search Location Page
Lecture 53 implement search container at bottom of google map
Lecture 54 search destination page ui implementation
Lecture 55 Source Code of this Section
Section 17: Users App - Reverse GeoCoding API | Convert Co-Ordinates into Readable Address
Lecture 56 enable geocoding api
Lecture 57 convert user geo coordinates into human readable address
Lecture 58 Source Code of this Section
Section 18: Users App - Provider Advanced State Management | Share User Pickup Location
Lecture 59 address model class
Lecture 60 share user pickup location using provider advanced state management
Lecture 61 Source Code of this Section
Section 19: Users App - Places API - Place AutoComplete Search
Lecture 62 places api | place autocomplete search | get predicted places data
Lecture 63 convert response json data from api using model class and add data to list
Lecture 64 display predicted places using ui widget
Lecture 65 Source Code of this Section
Section 20: Users App - Place Details API - Get Selected Place Details
Lecture 66 place details api
Lecture 67 get selected place name and geographic coordinates
Lecture 68 Source Code of this Section
Section 21: Users App - Directions API - Get Trip Details & Fare Amount
Lecture 69 implement ride details container ui
Lecture 70 enable directions api and create create direction details model class
Lecture 71 send request to api and get direction details
Lecture 72 calculate estimated fare amount
Lecture 73 Source Code of this Section
Section 22: Draw Route from Pickup to Destination | Add Markers & Circles
Lecture 74 decode encoded polyline points and convert it to LatLng polyline coordinates
Lecture 75 define polyline properties for drawing route
Lecture 76 make polyline to fit into the map
Lecture 77 add markers and circles to pick and destination points on map
Lecture 78 Source Code of this Section
Section 23: Users App - Reset App | Display Ride Request Container
Lecture 79 reset app
Lecture 80 display request ride container part 1
Lecture 81 display request ride container part 2
Lecture 82 Source Code of this Section
Section 24: Drivers App - Go Online and Go Offline
Lecture 83 implement container ui for online offline button
Lecture 84 driver can go online and offline
Lecture 85 Source Code of this Section
Section 25: Drivers App - GeoFire | Share Driver Live Location Updates to Firebase
Lecture 86 initizlize geofire for online drivers and set driver trip status
Lecture 87 set and get driver live location updates using geofire from firebase
Lecture 88 stop sharing driver live location updates when driver become offline
Lecture 89 Source Code of this Section
Section 26: Users App - Show Drivers Updated Positions on Map with Car Markers
Lecture 90 query at location | set radius around user current location
Lecture 91 geofire | query At Location and understandng its events
Lecture 92 add nearest online drivers and remove drivers from list
Lecture 93 events calling explained further
Lecture 94 update drivers positions on map and show it with car markers
Lecture 95 Source Code of this Section
Section 27: Drivers App - Push Notification Service | FCM Device Recognition Token
Lecture 96 ask for notification permission
Lecture 97 generate driver device recognition token and save it to driver record
Lecture 98 Source Code of this Section
Section 28: Drivers App - How to Receives Push Notifications using FCM
Lecture 99 receive push notification when driver app is terminated
Lecture 100 receive notifications when app is in the foreground and in background
Lecture 101 Source Code of this Section
Section 29: Users App - Make New Trip Request
Lecture 102 user make a new trip request
Lecture 103 if no nearby driver available then show info dialog box to user
Lecture 104 Source Code of this Section
Section 30: New Firebase Cloud Messaging API (V1) 2024 Updated - Send Notifications
Lecture 105 get selected driver device token for sending notification
Lecture 106 New Firebase Cloud Messaging API (V1) 2024 Updated - send push notification
Lecture 107 fixing bug
Lecture 108 Source Code of this Section
Section 31: Drivers App - Display Notification Dialog when driver Receive Push Notification
Lecture 109 retrieve new trip request information
Lecture 110 assign trips details info to model class attributes
Lecture 111 show notification dialog box
Lecture 112 cancel trip request after 20 second passed
Lecture 113 play alert sound when driver receives notification
Lecture 114 Source Code of this Section
Section 32: Users App - Driver Cancel Trip Request then Send Notification to Next Driver
Lecture 115 update new Trip Request Status value if timeout for trip request
Lecture 116 if driver ignore trip request then send notification to next nearby driver
Lecture 117 Source Code of Full Users App
Section 33: Drivers App - Driver Accept the New Trip Request
Lecture 118 check trip request availability
Lecture 119 driver accepted the new trip request
Lecture 120 Source Code of this Section
Section 34: Drivers App - Draw Route from driver Current Location to user PickUp Location
Lecture 121 add google map on new trip page
Lecture 122 draw route from source location to destination location
Lecture 123 get driver live location updates and update on google map when driver moves
Lecture 124 Source Code of this Section
Section 35: Drivers App - Driver Arrived & Driver Start Trip Features Implementation
Lecture 125 update direction details information according to two scenarios
Lecture 126 driver arrived & driver start trip features implementation
Lecture 127 fixing bug and test application
Lecture 128 Source Code of this Section
Section 36: Drivers App - End Trip
Lecture 129 driver end the trip
Lecture 130 display payment dialog
Lecture 131 update driver total earnings
Lecture 132 Source Code of this Section
Section 37: Drivers App - Save Driver Data to user Trip Request Information
Lecture 133 do not use buildcontext in async gaps
Lecture 134 save driver data to user trip request info
Lecture 135 Source Code of this Section
Section 38: Users App - Get Assigned Driver Info
Lecture 136 retrieve the assigned driver info
Lecture 137 update direction details for pickup location
Lecture 138 update direction details for destination location
Lecture 139 display driver data and trip details to user part 1
Lecture 140 display driver data and trip details to user part 2
Lecture 141 Source Code of Full Users App
Section 39: Users App - Pay Cash - Payment Dialog
Lecture 142 user pay cash dialog
Lecture 143 about page
Section 40: Drivers App - Display Trips History and Total Trips Completed
Lecture 144 display total trips completed by current driver
Lecture 145 display current driver completed trips history part 1
Lecture 146 display current driver completed trips history part 2
Section 41: Drivers App - Show Total Earnings and Driver Profile
Lecture 147 display current driver total earnings
Lecture 148 display driver profile and logout driver
Section 42: Users App - Trips history
Lecture 149 display current user trips history
Section 43: Admin Web Panel - Show All Completed Trips | Admin Block UnBlock Users & Drivers
Lecture 150 show all completed trips history to admin
Lecture 151 show pickup and destination to admin
Lecture 152 admin block and unblock the users and drivers
Section 44: Project Source Code
Lecture 153 Complete Projects Source Code Files
Section 45: Congratulation - Course Finished
Lecture 154 Congratulations on Finishing this Course
Lecture 155 Thank you
anyone who wants to become a full stack mobile app developer,anyone who wants to become a full stack web app developer,anyone who wants to make fully functional mobile and web applications
Homepage
Code:
Bitte
Anmelden
oder
Registrieren
um Code Inhalt zu sehen!
Recommend Download Link Hight Speed | Please Say Thanks Keep Topic Live
Code:
Bitte
Anmelden
oder
Registrieren
um Code Inhalt zu sehen!