Danh mục
Development
Web Development Data Storage Git Automation Database Design Web Scraping
Business
Business Analysis Communication Project Management Sales Forecasting Business Strategy Operations Management Human Resources Oil and Gas Industry
Finance & Accounting
IT & Software
Office Productivity
SAP Word Excel PowerPoint Excel VBA SharePoint
Personal Development
Persuasion Notion Workspace Mind Mapping
Design
Design Sketching Typography Game Design Digital Art zBrush 3D Animation
Marketing
SEO Marketing Strategy YouTube Marketing Digital Marketing Facebook Marketing Growth Hacking Twitter Marketing Instagram Marketing
Lifestyle
Beer Brewing Beauty Home Repair Energy Healing Bartending Leather Crafting Makeup Artistry Hypnotherapy
Music
Piano Guitar Singing Music Production Acoustic Guitar Fingerstyle Guitar Music Theory Bass Guitar
Duocmmo Tedu Tin học văn phòng Khoá học miễn phí Tất cả khoá học
Get link khoá học
Trang chủ
Development
Mobile Development
Google Flutter
Build Uber Clone with Admin WEB Panel | Flutter & Firebase

Build Uber Clone with Admin WEB Panel | Flutter & Firebase

Loại khoá học: Mobile Development

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

image
50.000 VND
85 VND
Đầy Đủ Bài Giảng
Học Online Tiện Lợi
Kích Hoạt Nhanh 2-5 Phút
Thanh toán tự động
Được phép tải xuống

Tổng quan

Nội dung khoá học

Đánh giá

Mô tả

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.js


Firebase 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.

Bạn sẽ học được gì

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

Yêu cầu

  • you must have some basic programming knowledge
  • you must have some basic flutter knowledge

Nội dung khoá học

44 sections

Introduction

1 lectures
Introduction
06:23

Download and Install Flutter - Step by Step Complete Setup

2 lectures
Download and Install Flutter | Windows
16:45
Download and Install Flutter | MacOS
28:17

Users App - Create and Setting up a New Flutter Project

2 lectures
Download
00:03
create and setting up a new flutter project
04:57

Users App - Login and Signup Pages UI

2 lectures
add images to flutter app and apply dark theme
06:29
login and signup screen ui
13:14

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

2 lectures
check if internet network is available and working
10:26
signup form validation
05:48

Users App - Connect App with Firebase | Signup & SignIn Users with Firebase

6 lectures
connect flutter app with firebase
09:33
If you have problems in connecting Firebase with Flutter App
00:19
loading bar widget
04:57
create user with email and password and save user data to database
15:05
login user and check if user is not blocked by admin
13:59
Source Code of this Section
00:02

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

4 lectures
create google maps api key for flutter app
10:01
how to add google map in flutter app
06:03
set different google map styles and themes
17:25
Source Code of this Section
00:02

Users App - Ask for Location Permission | Get user Current Location

3 lectures
how to ask for location permission from user
04:52
get user current location
08:48
Source Code of this Section
00:02

Drivers App - SignIn and SignUp Drivers

8 lectures
Download
00:03
create new flutter project for drivers app | login feature implementation
10:00
signup screen ui implementation
10:14
pick image from gallery and show on signup screen
05:50
upload image to storage
06:48
fix form validation and fix the code flow
08:06
connect drivers app with firebase and test signup and signin user
07:10
Source Code of this Section
00:02

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

3 lectures
bottom navigation bar implementation
14:28
add google map and get driver current location
08:56
Source Code of this Section
00:02

Admin Web Panel - Setup New WEB Project | Web Sidebar Implementation

5 lectures
Download
00:03
create and setup a new flutter web project
03:39
flutter admin panel sidebar implementation part 1
11:12
flutter admin panel sidebar implementation part 2
13:27
Source Code of this Section
00:02

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

3 lectures
implement headers for drivers data
09:41
implement headers for drivers data and for trips data
07:28
Source Code of this Section
00:02

Admin Web Panel - Retrieve and Display Users and Drivers Data List

6 lectures
implement data widget for displaying data
02:54
connect flutter web app with firebase
03:10
retrieve and display drivers records to admin part 1
12:19
retrieve and display drivers records to admin part 2
15:17
retrieve and display users records to admin
06:51
Source Code of this Section
00:02

Users App - Implement Drawer & SignOut user Feature

4 lectures
drawer implementation
14:48
check if user is logged-in and if user is blocked
06:44
signout user
03:01
Source Code of this Section
00:02

Users App - Search Location Page

3 lectures
implement search container at bottom of google map
06:15
search destination page ui implementation
14:04
Source Code of this Section
00:02

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

3 lectures
enable geocoding api
05:51
convert user geo coordinates into human readable address
17:18
Source Code of this Section
00:02

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

3 lectures
address model class
02:11
share user pickup location using provider advanced state management
11:22
Source Code of this Section
00:02

Users App - Places API - Place AutoComplete Search

4 lectures
places api | place autocomplete search | get predicted places data
13:51
convert response json data from api using model class and add data to list
11:48
display predicted places using ui widget
14:24
Source Code of this Section
00:02

Users App - Place Details API - Get Selected Place Details

3 lectures
place details api
05:31
get selected place name and geographic coordinates
19:28
Source Code of this Section
00:02

Users App - Directions API - Get Trip Details & Fare Amount

5 lectures
implement ride details container ui
10:37
enable directions api and create create direction details model class
13:38
send request to api and get direction details
19:39
calculate estimated fare amount
12:06
Source Code of this Section
00:02

Draw Route from Pickup to Destination | Add Markers & Circles

5 lectures
decode encoded polyline points and convert it to LatLng polyline coordinates
12:01
define polyline properties for drawing route
05:15
make polyline to fit into the map
05:07
add markers and circles to pick and destination points on map
16:03
Source Code of this Section
00:02

Users App - Reset App | Display Ride Request Container

4 lectures
reset app
14:05
display request ride container part 1
07:55
display request ride container part 2
08:06
Source Code of this Section
00:02

Drivers App - Go Online and Go Offline

3 lectures
implement container ui for online offline button
05:29
driver can go online and offline
15:53
Source Code of this Section
00:02

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

4 lectures
initizlize geofire for online drivers and set driver trip status
07:53
set and get driver live location updates using geofire from firebase
16:02
stop sharing driver live location updates when driver become offline
04:04
Source Code of this Section
00:02

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

6 lectures
query at location | set radius around user current location
05:57
geofire | query At Location and understandng its events
12:11
add nearest online drivers and remove drivers from list
17:54
events calling explained further
08:44
update drivers positions on map and show it with car markers
18:12
Source Code of this Section
00:02

Drivers App - Push Notification Service | FCM Device Recognition Token

3 lectures
ask for notification permission
06:21
generate driver device recognition token and save it to driver record
09:29
Source Code of this Section
00:02

Drivers App - How to Receives Push Notifications using FCM

3 lectures
receive push notification when driver app is terminated
05:30
receive notifications when app is in the foreground and in background
06:06
Source Code of this Section
00:02

Users App - Make New Trip Request

3 lectures
user make a new trip request
18:43
if no nearby driver available then show info dialog box to user
18:09
Source Code of this Section
00:02

Users App - Send Notification to Nearest Online Drivers

4 lectures
get selected driver device token for sending notification
09:10
send new trip request push notification to online driver
15:12
fixing bug
08:52
Source Code of this Section
00:02

Drivers App - Display Notification Dialog when driver Receive Push Notification

6 lectures
retrieve new trip request information
09:21
assign trips details info to model class attributes
05:20
show notification dialog box
13:23
cancel trip request after 20 second passed
08:39
play alert sound when driver receives notification
07:10
Source Code of this Section
00:02

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

3 lectures
update new Trip Request Status value if timeout for trip request
06:39
if driver ignore trip request then send notification to next nearby driver
13:16
Source Code of this Section
00:02

Drivers App - Driver Accept the New Trip Request

3 lectures
check trip request availability
09:47
driver accepted the new trip request
14:06
Source Code of this Section
00:02

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

4 lectures
add google map on new trip page
05:24
draw route from source location to destination location
19:58
get driver live location updates and update on google map when driver moves
19:36
Source Code of this Section
00:02

Drivers App - Driver Arrived & Driver Start Trip Features Implementation

4 lectures
update direction details information according to two scenarios
09:57
driver arrived & driver start trip features implementation
18:56
fixing bug and test application
14:40
Source Code of this Section
00:02

Drivers App - End Trip

4 lectures
driver end the trip
13:52
display payment dialog
10:29
update driver total earnings
10:51
Source Code of this Section
00:02

Drivers App - Save Driver Data to user Trip Request Information

3 lectures
do not use buildcontext in async gaps
03:38
save driver data to user trip request info
15:45
Source Code of this Section
00:02

Users App - Get Assigned Driver Info

6 lectures
retrieve the assigned driver info
13:53
update direction details for pickup location
08:29
update direction details for destination location
03:11
display driver data and trip details to user part 1
16:33
display driver data and trip details to user part 2
04:45
Source Code of this Section
00:02

Users App - Pay Cash - Payment Dialog

2 lectures
user pay cash dialog
09:26
about page
08:31

Drivers App - Display Trips History and Total Trips Completed

3 lectures
display total trips completed by current driver
20:15
display current driver completed trips history part 1
10:45
display current driver completed trips history part 2
13:04

Drivers App - Show Total Earnings and Driver Profile

2 lectures
display current driver total earnings
05:38
display driver profile and logout driver
15:11

Users App - Trips history

1 lectures
display current user trips history
05:41

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

3 lectures
show all completed trips history to admin
08:27
show pickup and destination to admin
10:00
admin block and unblock the users and drivers
06:44

Project Source Code

1 lectures
Complete Projects Source Code Files
00:02

Congratulation - Course Finished

2 lectures
Congratulations on Finishing this Course
00:35
Thank you
00:10

Đánh giá của học viên

Chưa có đánh giá
Course Rating
5
0%
4
0%
3
0%
2
0%
1
0%

Bình luận khách hàng

Viết Bình Luận

Bạn đánh giá khoá học này thế nào?

Khoá học liên quan

Complete C# Unity Game Developer 2D

Complete C# Unity Game Developer 2D

185 VND
50.000 VND
CMake, Tests and Tooling for C/C++ Projects [2024 Edition]

CMake, Tests and Tooling for C/C++ Projects [2024 Edition]

100 VND
50.000 VND
Advanced course on Outsystems Reactive Web Development

Advanced course on Outsystems Reactive Web Development

95 VND
50.000 VND
.NET MAUI course with Visual Studio 2022 creating PROJECTS

.NET MAUI course with Visual Studio 2022 creating PROJECTS

95 VND
50.000 VND
The Git & Github Bootcamp

The Git & Github Bootcamp

120 VND
50.000 VND
Flutter & Dart - The Complete Guide [2024 Edition]

Flutter & Dart - The Complete Guide [2024 Edition]

185 VND
50.000 VND
The Complete Flutter Development Bootcamp with Dart

The Complete Flutter Development Bootcamp with Dart

125 VND
50.000 VND
NestJS Zero to Hero - Modern TypeScript Back-end Development

NestJS Zero to Hero - Modern TypeScript Back-end Development

85 VND
50.000 VND
iOS & Swift - The Complete iOS App Development Bootcamp

iOS & Swift - The Complete iOS App Development Bootcamp

185 VND
50.000 VND
Write PHP Like a Pro: Build a PHP MVC Framework From Scratch

Write PHP Like a Pro: Build a PHP MVC Framework From Scratch

70 VND
50.000 VND
TensorFlow Developer Certificate Bootcamp

TensorFlow Developer Certificate Bootcamp

100 VND
50.000 VND
Build a Backend REST API with Python & Django - Advanced

Build a Backend REST API with Python & Django - Advanced

100 VND
50.000 VND
The Ultimate Excel Programmer Course

The Ultimate Excel Programmer Course

185 VND
50.000 VND
A deep understanding of deep learning (with Python intro)

A deep understanding of deep learning (with Python intro)

120 VND
50.000 VND
.NET 8 Microservices: DDD, CQRS, Vertical/Clean Architecture

.NET 8 Microservices: DDD, CQRS, Vertical/Clean Architecture

120 VND
50.000 VND
Automate the Boring Stuff with Python Programming

Automate the Boring Stuff with Python Programming

110 VND
50.000 VND
image

Đăng ký get khoá học Udemy - Unica - Gitiho giá chỉ 50k!

Get khoá học giá rẻ ngay trước khi bị fix.

Get khoá học cho tôi