Favorites
b/udemy1edited 5 months agobyELKinG

Build Uber Clone With Admin Web Panel | Flutter & Firebase

Build Uber Clone With Admin Web Panel | Flutter & Firebase

Last updated 11/2023
MP4 | Video: h264, 1920x1080 | Audio: AAC, 44.1 KHz
Language: English | Size: 12.35 GB | Duration: 20h 14m

Learn Full Stack Development by building iOS & Android Taxi Booking, Car Pool & Ride Sharing App like inDriver & OLA

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: Users App - Create and Setting up a New Flutter Project

Lecture 4 Download

Lecture 5 create and setting up a new flutter project

Section 4: Users App - Login and Signup Pages UI

Lecture 6 add images to flutter app and apply dark theme

Lecture 7 login and signup screen ui

Section 5: Users App - Check if Internet is Working | Signup Form Validation

Lecture 8 check if internet network is available and working

Lecture 9 signup form validation

Section 6: Users App - Connect App with Firebase | Signup & SignIn Users with Firebase

Lecture 10 connect flutter app with firebase

Lecture 11 loading bar widget

Lecture 12 create user with email and password and save user data to database

Lecture 13 login user and check if user is not blocked by admin

Lecture 14 Source Code of this Section

Section 7: Users App - Add Google Map | Apply Different Theme and Styles on Google Maps

Lecture 15 create google maps api key for flutter app

Lecture 16 how to add google map in flutter app

Lecture 17 set different google map styles and themes

Section 8: Users App - Ask for Location Permission | Get user Current Location

Lecture 18 how to ask for location permission from user

Lecture 19 get user current location

Section 9: Drivers App - SignIn and SignUp Drivers

Lecture 20 Download

Lecture 21 create new flutter project for drivers app | login feature implementation

Lecture 22 signup screen ui implementation

Lecture 23 pick image from gallery and show on signup screen

Lecture 24 upload image to storage

Lecture 25 fix form validation and fix the code flow

Lecture 26 connect drivers app with firebase and test signup and signin user

Lecture 27 Source Code of this Section

Section 10: Drivers App - Bottom Navigation Bar | Add Google Map & Get Driver Current Loc

Lecture 28 bottom navigation bar implementation

Lecture 29 add google map and get driver current location

Section 11: Admin Web Panel - Setup New WEB Project | Web Sidebar Implementation

Lecture 30 Download

Lecture 31 create and setup a new flutter web project

Lecture 32 flutter admin panel sidebar implementation part 1

Lecture 33 flutter admin panel sidebar implementation part 2

Section 12: Admin Web Panel - Implement Headers for Drivers & Users & trips Web Pages

Lecture 34 implement headers for drivers data

Lecture 35 implement headers for drivers data and for trips data

Section 13: Admin Web Panel - Retrieve and Display Users and Drivers Data List

Lecture 36 implement data widget for displaying data

Lecture 37 connect flutter web app with firebase

Lecture 38 retrieve and display drivers records to admin part 1

Lecture 39 retrieve and display drivers records to admin part 2

Lecture 40 retrieve and display users records to admin

Section 14: Users App - Implement Drawer & SignOut user Feature

Lecture 41 drawer implementation

Lecture 42 check if user is logged-in and if user is blocked

Lecture 43 signout user

Section 15: Users App - Search Location Page

Lecture 44 implement search container at bottom of google map

Lecture 45 search destination page ui implementation

Section 16: Users App - Reverse GeoCoding API | Convert Co-Ordinates into Readable Address

Lecture 46 enable geocoding api

Lecture 47 convert user geo coordinates into human readable address

Section 17: Users App - Provider Advanced State Management | Share User Pickup Location

Lecture 48 address model class

Lecture 49 share user pickup location using provider advanced state management

Section 18: Users App - Places API - Place AutoComplete Search

Lecture 50 places api | place autocomplete search | get predicted places data

Lecture 51 convert response json data from api using model class and add data to list

Lecture 52 display predicted places using ui widget

Section 19: Users App - Place Details API - Get Selected Place Details

Lecture 53 place details api

Lecture 54 get selected place name and geographic coordinates

Section 20: Users App - Directions API - Get Trip Details & Fare Amount

Lecture 55 implement ride details container ui

Lecture 56 enable directions api and create create direction details model class

Lecture 57 send request to api and get direction details

Lecture 58 calculate estimated fare amount

Section 21: Draw Route from Pickup to Destination | Add Markers & Circles

Lecture 59 decode encoded polyline points and convert it to LatLng polyline coordinates

Lecture 60 define polyline properties for drawing route

Lecture 61 make polyline to fit into the map

Lecture 62 add markers and circles to pick and destination points on map

Section 22: Users App - Reset App | Display Ride Request Container

Lecture 63 reset app

Lecture 64 display request ride container part 1

Lecture 65 display request ride container part 2

Section 23: Drivers App - Go Online and Go Offline

Lecture 66 implement container ui for online offline button

Lecture 67 driver can go online and offline

Section 24: Drivers App - GeoFire | Share Driver Live Location Updates to Firebase

Lecture 68 initizlize geofire for online drivers and set driver trip status

Lecture 69 set and get driver live location updates using geofire from firebase

Lecture 70 stop sharing driver live location updates when driver become offline

Section 25: Users App - Show Drivers Updated Positions on Map with Car Markers

Lecture 71 query at location | set radius around user current location

Lecture 72 geofire | query At Location and understandng its events

Lecture 73 add nearest online drivers and remove drivers from list

Lecture 74 events calling explained further

Lecture 75 update drivers positions on map and show it with car markers

Section 26: Drivers App - Push Notification Service | FCM Device Recognition Token

Lecture 76 ask for notification permission

Lecture 77 generate driver device recognition token and save it to driver record

Section 27: Drivers App - How to Receives Push Notifications using FCM

Lecture 78 receive push notification when driver app is terminated

Lecture 79 receive notifications when app is in the foreground and in background

Section 28: Users App - Make New Trip Request

Lecture 80 user make a new trip request

Lecture 81 if no nearby driver available then show info dialog box to user

Section 29: Users App - Send Notification to Nearest Online Drivers

Lecture 82 get selected driver device token for sending notification

Lecture 83 send new trip request push notification to online driver

Lecture 84 fixing bug

Section 30: Drivers App - Display Notification Dialog when driver Receive Push Notification

Lecture 85 retrieve new trip request information

Lecture 86 assign trips details info to model class attributes

Lecture 87 show notification dialog box

Lecture 88 cancel trip request after 20 second passed

Lecture 89 play alert sound when driver receives notification

Section 31: Users App - Driver Cancel Trip Request then Send Notification to Next Driver

Lecture 90 update new Trip Request Status value if timeout for trip request

Lecture 91 if driver ignore trip request then send notification to next nearby driver

Section 32: Drivers App - Driver Accept the New Trip Request

Lecture 92 check trip request availability

Lecture 93 driver accepted the new trip request

Section 33: Drivers App - Draw Route from driver Current Location to user PickUp Location

Lecture 94 add google map on new trip page

Lecture 95 draw route from source location to destination location

Lecture 96 get driver live location updates and update on google map when driver moves

Section 34: Drivers App - Driver Arrived & Driver Start Trip Features Implementation

Lecture 97 update direction details information according to two scenarios

Lecture 98 driver arrived & driver start trip features implementation

Lecture 99 fixing bug and test application

Section 35: Drivers App - End Trip

Lecture 100 driver end the trip

Lecture 101 display payment dialog

Lecture 102 update driver total earnings

Section 36: Drivers App - Save Driver Data to user Trip Request Information

Lecture 103 do not use buildcontext in async gaps

Lecture 104 save driver data to user trip request info

Section 37: Users App - Get Assigned Driver Info

Lecture 105 retrieve the assigned driver info

Lecture 106 update direction details for pickup location

Lecture 107 update direction details for destination location

Lecture 108 display driver data and trip details to user part 1

Lecture 109 display driver data and trip details to user part 2

Section 38: Users App - Pay Cash - Payment Dialog

Lecture 110 user pay cash dialog

Lecture 111 about page

Section 39: Drivers App - Display Trips History and Total Trips Completed

Lecture 112 display total trips completed by current driver

Lecture 113 display current driver completed trips history part 1

Lecture 114 display current driver completed trips history part 2

Section 40: Drivers App - Show Total Earnings and Driver Profile

Lecture 115 display current driver total earnings

Lecture 116 display driver profile and logout driver

Section 41: Users App - Trips history

Lecture 117 display current user trips history

Section 42: Admin Web Panel - Show All Completed Trips | Admin Block UnBlock Users & Drivers

Lecture 118 show all completed trips history to admin

Lecture 119 show pickup and destination to admin

Lecture 120 admin block and unblock the users and drivers

Section 43: Project Source Code

Lecture 121 Complete Projects Source Code Files

Section 44: Congratulation - Course Finished

Lecture 122 Congratulations on Finishing this Course

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

Screenshots

Build Uber Clone With Admin Web Panel | Flutter & Firebase

Homepage

without You and Your Support We Can’t Continue
Thanks for Buying Premium From My Links for Support
Click >>here & Visit My Blog Daily for More Udemy Tutorial. If You Need Update or Links Dead Don't Wait Just Pm Me or Leave Comment at This Post

All comments

    Load more replies

    Join the conversation!

    Log in or Sign up
    to post a comment.