Master Flutter By Building A Video And Voice Call Chat App

Focused View

Dastagir Ahmed

10:35:04

188 View

1 - Introduction

1 - Introduction.mp4

04:46

2 - Project structure and folder

2 - Basic project structure of the app.mp4

01:56

3 - Create new project folder.mp4

02:27

3 - Welcome module

4 - Welcome module and controller.mp4

06:12

5 - Welcome module and binding controller.mp4

02:41

6 - Welcome module and create library.mp4

02:01

7 - Welcome module and view.mp4

06:05

8 - Welcome module and maindart.mp4

08:29

9 - Welcome module and onboard screen.mp4

09:39

10 - Welcome module summary.mp4

03:32

4 - Message module and middleware

11 - Message module controller binding view and library.mp4

09:02

12 - Understanding the middleware.mp4

09:37

5 - Sign in module

13 - Sign in module controller binding and library.mp4

02:42

14 - Sign in module routing and binding.mp4

03:21

6 - Dependency Injection

15 - Inject dependencies globally.mp4

07:32

7 - Local storage and dependencies

16 - Understand StorageService class and SharedPreferences.mp4

13:14

17 - More on StorageService and SharedPreferences.mp4

04:39

18 - Difference between Getput GetlazyPut and GetputAsync.mp4

04:46

8 - Sign in module with third party login

19 - Sign in module and page logo.mp4

07:07

20 - Sign in module and third party login button.mp4

11:53

21 - Sign in module and phone number login part 1.mp4

05:59

22 - Sign in module and phone number login part 2.mp4

10:14

23 - Set up firebase with CLI.mp4

06:45

24 - Sign in module and handleSignIn part 1.mp4

06:23

25 - Sign in module and handleSignIn part 2.mp4

05:01

26 - Sign in module and handleSignIn part 3.mp4

04:41

9 - Learn to reconfigure iOS and Android settings and SHA1 and SHA256 key generation

27 - iOS and Android login and configuration.mp4

14:19

28 - iOS and Android login and fingerprint.mp4

05:18

29 - iOS and Android change bundle id and package name and generate SHA256 key.mp4

08:29

30 - iOS and Android login and reset reverse client id.mp4

04:56

10 - Learn what we are going to do next

31 - Knowing about next new hours.mp4

02:18

11 - Message module

32 - Message module and create route.mp4

05:04

33 - Message module and middleware.mp4

06:11

34 - Message module and basic page part 1.mp4

05:50

35 - Message module and head bar.mp4

04:54

36 - Message module and hear bar profile icon.mp4

09:23

37 - Message module and more on profile icon.mp4

08:42

38 - Message module and UserItem class.mp4

02:37

39 - Message module and show online icon.mp4

03:33

12 - Profile module

40 - Profile module and set up.mp4

06:52

41 - Profile module and body section.mp4

04:18

42 - Profile module and show profile photo.mp4

06:07

43 - Profile module and show edit icon.mp4

04:19

44 - Profile module and complete button.mp4

05:52

45 - Profile module and dialogue button.mp4

06:42

46 - ProfilePage and logout part 7.mp4

03:59

47 - Profile module and logout button.mp4

03:46

48 - Profile module and minor changes in the UI.mp4

03:31

13 - Backend moduleserver side

49 - Install laravel locally.mp4

04:49

50 - Mac OS create MySQL database and set up.mp4

04:02

51 - Mac OS install laraveladmin package.mp4

09:26

52 - Laraveladmin package set up and configuration.mp4

05:46

53 - Laravel basic understanding of the framework.mp4

17:22

54 - Database server and local storage connection.mp4

06:55

55 - phpMyAdmin users table edit.mp4

03:12

56 - MySQL Workbench edit users table.mp4

05:31

14 - Build dummy API

57 - Laravel build dummy API and test using postman.mp4

10:18

58 - Laravel dummy API test on the app.mp4

08:07

15 - Middleware redirect and routing convention

59 - Middleware redirect set up and keep the user logged in.mp4

11:42

60 - Learn about laravel route set up and convention.mp4

05:52

16 - Server side Login module

61 - LoginController module and login method part 1.mp4

06:21

62 - LoginController module and postman test part 2.mp4

06:13

63 - LoginController module and Postman test part 3.mp4

07:38

64 - LoginController module and access token and Postman test part 4.mp4

14:22

65 - LoginController module and work on update access token part 5.mp4

06:09

17 - API call on the app

66 - Calling API from the app and understand the connection.mp4

06:16

67 - Calling API from the app and debug API error.mp4

10:36

18 - Deeper understanding of user profile saving and local storage connection

68 - Saving user profile data during login and remove during logout.mp4

13:19

69 - Understand how saving user profile works for better app performance.mp4

08:40

70 - UserStore class login logout and middleware.mp4

06:27

19 - About the upcoming sections

71 - Learn about the upcoming sections.mp4

02:16

20 - Contact module and serside build API and middleware

72 - Contact module front end set up.mp4

05:13

73 - Contact module and app bar.mp4

03:23

74 - Contact module and test API with Postman.mp4

08:04

75 - Contact module and build middleware part 1.mp4

08:27

76 - Contact module and Bearer token in middleware part 2.mp4

06:21

77 - Contact module and middleware part 3.mp4

08:08

78 - Contact module and finish working on middleware part 4.mp4

07:55

79 - Contact module and load data from server part 5.mp4

11:55

80 - Contact module and flutter load data and print part 6.mp4

06:36

81 - Contact module and show other users profile photo part 7.mp4

10:26

82 - Contact module and show other users data part 8.mp4

07:37

83 - Upcoming sessions.mp4

01:23

84 - Contact module and understand chatting query.mp4

09:27

84 - firebase-chatting-algorithm.zip

85 - Contact module and chatting algorithm query part 2.mp4

16:03

86 - Contact module and chatting algorithm part 3.mp4

11:16

86 - firebase-chatting-collection-and-document-relationship.zip

87 - Contact module and chatting algorithm routing part 4.mp4

12:09

88 - Contact module and routing part 5.mp4

09:51

21 - Chat module

89 - Contact module and Chat module view app bar part 7.mp4

15:41

90 - Chat module and build user photo at the top part 2.mp4

06:06

Description

Master Real World App Building Technique for iOS and Android

What You'll Learn?

Flutter real world production ready video and voice chatting app including text messages
Learn how to set up different servers together and use in one project
Learn how to work with firebase, custom backend and third party servers
Learn about Laravel Framework, Firebase Firestore and Agora SDK
Learn about building API using Laravel Framework and use the API from Flutter Framework

Who is this for?

From beginners to advanced leaners

More details

Description
Here you will build a real world app and master app building technique by learning Flutter, Laravel, Firebase and third party SDK for audio and video call app.
Who will take it
Beginners to advanced learners
For landing a job
For colleague thesis
For prototyping
For mastering app building
App functional features
Third party login
Phone number login
Text chat
Image chat
Audio call chat
Video call chat
Sending notification (text, audio and video chat)
Profile page
Notification on text message receive
Notification on audio call
Notification on video call
Sound on initiating audio call
Sound on initiating video call
Save chat history
Third party login would involve Google, Facebook and Apple login. We will also see how to login using phone number. The chatting feature of this is very seamless since we used SQFLITE to save the chatting history locally. First we save chat messages locally and send them to the other end in the background service.
So users feel like the app very fast sending messages. The same happens for sending images. We first save the image locally and then send to other user.
We also save user profile locally, so you don't have to confirm with Firebase or Laravel for login.
Next time a user logs in, user will feel like it's fast, since we read the data locally first. The same happens for chatting history. Chat history is read from local storage first.
Flutter framework
We used Flutter framework for building beautiful UI for both iOS and Android. In Flutter framework, we also cover a lot of Dart knowledge and how to use models and classes to work with view and controllers.
Firebase service
We used Firebase for sending users registration and phone number login. We used Firebase also for sending notification. Here in this tutorial you will more complex features of firebase like saving chat history, images, listening to document updates and uploading images.
Laravel framework
Laravel framework we used for building API for authentication. We used it also for saving basic information and communicating with Firebase for sending notification.
Agora SDK
We used Agora SDKÂ for using video and audio call service. Agora provides very stable API for audio and video call.
Who this course is for:
From beginners to advanced leaners

User Reviews

Rating

average 0

Total votes0

Focused display

Google Flutter

Dastagir Ahmed

Instructor's Courses

I am a teacher who has been teaching for the last 18 years and I am very good at explaining things. I also have a youtube channel where I have a lot of followers little more 65k.I lecture on Flutter, React Native, Laravel and GoLang.Recently I have started udemy courses. Hope you will enjoy the course with me.

Udemy

View courses Udemy

Students take courses primarily to improve job-related skills.Some courses generate credit toward technical certification. Udemy has made a special effort to attract corporate trainers seeking to create coursework for employees of their company.