Master Flutter App Dev By Building A real Time Chat App

Focused View

Dastagir Ahmed

7:38:28

345 View

1. Introduction

1.1 firebase_chat_youtube.zip

1. Introduction demo about the app.mp4

02:32

2. App set up

1. Create firebase project.mp4

02:14

2. 2. Create firebase android and ios projects with Flutterfire.mp4

08:31

3. Run on device

1. 3. Run on android and ios device.mp4

02:22

4. Work on UI and Controller

1. 4. Work on the welcome screen.mp4

03:43

2. 5. Welcome controller binding and routing.mp4

08:54

3. Set up the route in main.dart file.mp4

01:35

4. Welcome page show three images.mp4

13:00

5. Work on the slides indicator and bind dots with the slides.mp4

12:14

5. Sign in Page UI and Controller

1. Work on sing in button and create method.mp4

10:46

2. Sign in page and logo.mp4

09:14

3. Work on Sign in controller and Google login button.mp4

12:40

4. Work on Google login and finish.mp4

09:24

5. Save user data to firestore database.mp4

14:37

6. Save user emails in firebase authentication.mp4

05:30

7. Middleware and application page part 1.mp4

19:49

8. Middleware and application page part 2.mp4

08:16

6. Read firebase data

1. Read firebase data and show on contact page part 1.mp4

07:10

2. Read firebase data and show on contact page part 2.mp4

09:39

3. Read firebase data and show on contact page part 3.mp4

09:40

4. Read firebase data and show on contact page part 4.mp4

11:36

5. Read firebase data and show on contact page part 5.mp4

15:39

6. Read firebase data and show on contact page part 6.mp4

04:24

7. Chat page and controller

1. Work on chat page and controller part 1.mp4

09:26

2. Work on chat page and controller part 2.mp4

08:13

3. Work on chat page and controller part 3.mp4

10:33

4. Work on chat page and chat controller part 4.mp4

11:06

5. Work on chat page and chat controller part 5.mp4

06:23

6. Work on chat page and controller part 6.mp4

21:22

7. Work on chat page and chat controller send message part 7.mp4

09:37

8. Work on chat page and controller upload file part 8.mp4

13:59

8. Message page upload image and get history data

1. Message page upload image part 1.mp4

10:20

2. Message page and send image part 2.mp4

08:42

3. Message page and get the history chat part 3.mp4

08:12

4. Message page and message list part 4.mp4

21:00

5. Message page and show others message part 5.mp4

19:14

6. Message page and sending messages 6.mp4

14:34

9. User location

1. Get user location.mp4

10:56

10. Enlarge image and view it

1. Enlarge photoview part 1.mp4

04:05

2. Enlarge photoview part 2.mp4

18:59

11. Profile section read profile data and show and logout

1. Profile section and get profile data part 1.mp4

13:57

2. Profile section and ui part 2.mp4

07:15

3. Profile page and ui part 3.mp4

04:16

4. Profile page and ui part 4.mp4

07:56

5. Profile page ui and logout part 5.mp4

14:54

Description

Complete Flutter Firebase Chat App

What You'll Learn?

Learn the most basics to advanced knowledge how to make a chatting app and work with flutter firebase
Intermediate to advanced knowledge of Flutter Framework
Intermediate to advanced knowledge of Firebase
How to make advanced query of Firebase
How to design UI in Flutter Framework
Learn the Getx State Management System
Learn about Google, Apple and Facebook Login
Learn how to send notification to users using firebase
Real world tips for uploading the app to Google play and iOS Store

Who is this for?

Frontend Flutter developers and backend programmers want to learn Firebase

Want to master the basics of Chatting app and Firebase database structure

More details

Description
You will learn here how to master firebase and flutter by building a real time chat app. It's a course for building iOS and Android app using Flutter.
Here I have covered how to build Flutter UI to advanced Flutter concept. But this tutorial mostly focuses on how to build a strong app using firebase.
We talked a lot about firebase data storage and how to retrieve them and show on the app. We used a lot of complex queries and conditions to work with.Â You will learn how to use where() clause, double where() and withConverter() and conditional check. You will also learn about complex processing and listening data update and document updates.
We also showed step by step how to examine on the data.Â At the end of the course you will get the complete source and master flutter and firebase real time chat app building.
There are fifty three chapters and each chapter deals with a different topic. And more chapters would be added in future.
Screen Features
1. Launch screen
You will see it has screen with three slides. The last one lets you enter in the login page.
2. Login screen
We used social networking for launch screen. The paid version app includes both Google and Facebook sign in. But you will have issues with Facebook login. We will also do Apple account login.
3. Contact screen
From contact screen you would be able to see how many people have chatted to before. You may choose any to chat back.
4. Chatting screen
Here you would be able to chat between two people and get instant messages. Currently you send images and texts for chatting.
Not only you may send photos on the chat, you may also take photos and send.
5. Personal center
Here is your dashboard. You navigate to other screens and logout.
6. Allow location
The app uses user's current location. With this you know who you are chatting to. And there current location.
7. Photo view screen
Here you can tap on a photo and enlarge it.
8. Notification
We will have notification bar to see when others send message
Who this course is for:
Frontend Flutter developers and backend programmers want to learn Firebase
Want to master the basics of Chatting app and Firebase database structure

User Reviews

Rating

average 0

Total votes0

Focused display

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.