Mô tả

Welcome to the comprehensive Flutter & Firebase Chat Application Development course! Unlock the secrets of modern mobile app development as you dive deep into creating a cutting-edge chat application. Whether you're a beginner or an experienced developer, this course equips you with the skills to build a feature-packed application from scratch.

Throughout the modules, you'll learn the fundamentals of Flutter and Firebase integration, gaining a solid understanding of UI design, navigation, and state management using Flutter Provider. The journey begins with one-to-one chat implementation, paving the way for advanced group chat functionalities.

Explore multimedia messaging capabilities, allowing users to send and receive text, images, audio, and video messages. Delve into the intricacies of real-time presence, showcasing user online status and implementing features like 'is typing' for a seamless chat experience.

Elevate your app development skills by incorporating advanced messaging features such as reactions, message replies, and message deletions. Effectively manage groups with functionalities like adding users, setting rules, and customizing group settings. Learn to display the number and names of users in a group and efficiently handle group management.

The course doesn't stop there. Implement a robust user profile management system, allowing users to edit profiles, upload profile pictures, and personalize their information. Establish a friend request system, facilitating user connections and enhancing the social aspect of your application.

As the course progresses, delve into the intricacies of push notifications using Firebase Cloud Functions. Enable users to receive timely alerts and stay engaged with your application. Implement message status tracking, displaying seen messages and counting unseen messages for a comprehensive messaging experience.

Personalize the user experience by incorporating theme customization options, allowing users to toggle between light and dark themes. Enhance discoverability with a search functionality, making it easy for users to find and connect with friends.

By the end of this course, you'll have the knowledge and skills to develop a sophisticated Flutter and Firebase chat application. Elevate your app development journey and create a lasting impact in the world of mobile applications. Enroll now and embark on the path to becoming a master in Flutter and Firebase development! Flutter & Firebase! Build a cutting-edge chat app with advanced features, real-time updates, and push notifications. Elevate your mobile app development skills now!

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

Understand Flutter Basics: Gain a solid understanding of Flutter fundamentals, including widgets, UI design, and navigation.

Firebase Integration: Integrate Firebase Authentication and Firestore for user management and data storage for your Flutter application.

State Management with Flutter Provider: Master state management using Flutter Provider to efficiently handle the application's state.

One-to-One Chat: Implement one-to-one chat functionality, allowing users to send and receive text messages.

Group Chats: Create group chats with the ability to add users, set rules, and manage group settings.

Multimedia Messaging: Enable users to send various types of messages, including text, images, audio, and video messages.

Advanced Messaging Features: Implement features like reactions to messages, replying to messages, and deleting messages.

Real-time Presence: Display user online status and implement the "is typing" feature for a real-time chat experience.

Group Management: Allow users to view and edit group settings, manage group members, and view the number and names of people in a group.

User Profile Management: Enable users to edit their profiles, including profile pictures and personal information.

Friend Requests: Implement a friend request system, allowing users to connect with others.

Notification System: Set up push notifications using Firebase Cloud Functions for timely alerts.

Message Status Tracking: Implement features to show seen messages and count unseen messages for a comprehensive messaging experience.

Theme Customization: Provide the option for users to toggle between light and dark themes for a personalized app experience.

Search Functionality: Enable users to search for other users, making it easy to find and connect with friends.

Gain confidence in building complex and feature-rich applications.

Improve problem-solving skills through practical coding exercises.

Learn best practices for clean and maintainable code structure.

Understand the development process of a real-world mobile app.

Yêu cầu

  • Just some basic programming experience needed, you will learn almost everything you need to know.
  • You need Android Studio or VS code or any other preferred IDE
  • Need to install Flutter 3.7 or higher

Nội dung khoá học

6 sections

Introduction

7 lectures
Introduction
10:02
Starting the Application
13:00
Adding themes to the Application
21:14
Home screen UI
19:33
Connecting the Application to firestore
20:18
Installing packages
08:10
Showing Lottie animations
11:41

User Authentication and Profiles

24 lectures
Login screen UI
33:17
Login screen UI Quick Fix
01:45
User model class
15:00
Auth provider class and sign in with phone method.
21:50
OTP screen
19:36
User information screen
13:48
VerifyOTP method
17:27
OTPScreen advanced
24:31
Setting up Cloud firestore and storage
07:22
Pick image from gallery or Camera part 1
25:35
Pick image from gallery or Camera part 2
16:46
Save user data to fireStore
30:28
Signing In the first user
06:54
Displaying user image
10:10
Adding Auth state Listener
20:02
Stream and display user data
21:39
Profile screen UI and behaviour
39:50
Profile - Adding Settings Icon and About Me header
10:58
People screen, display all users
18:14
Profile screen UI and behaviour part 2.
18:54
Profile screen UI and behaviour part 3.
16:06
Profile screen UI and behaviour part 4.
18:25
Profile screen UI and behaviour part 5
19:41
Friend Requests and Friends screens
36:09

Chat Functionality

27 lectures
Chat screen
17:24
Chat screen App Bar
14:25
Bottom Chatfield
15:07
Message model class
13:34
Send text message method part 1.
24:42
Send text message method part 2.
28:12
Send the first message.
27:43
Displaying users chat list
14:03
Displaying the messages
17:26
Grouped List package
30:06
Refactor message widget
27:31
Message reply function
22:30
Message reply preview widget
18:30
Send and display the replied message
19:20
Fixing the theme
09:07
Automatic scrolling and dismiss keyboard
14:12
Set message as seen
20:31
Set last time user seen
22:13
Sending an image message
28:43
Displaying an image message
21:18
fixes
11:36
Send audio message method
22:33
Send Audio message
11:54
Playing audio file
22:05
Adding images and videos into the Android Emulator
02:42
Sending a video message
08:37
Display and play video message
20:48

Reactions

13 lectures
Section introduction
01:41
Reactions pop up and context menu
32:41
Emoji Picker
26:20
Emoji and context menu animation
20:54
Displaying Reactions on Chat bubble UI
28:06
Finalizing the reactions UI
12:45
Minor UI changes and code formatting
15:59
Add Reaction to message part 1
37:33
Add Reaction to message part 2
13:05
Refactoring Message widget
25:11
Advanced reactions menu animations part 1
29:00
Advanced reactions menu animations part 2
26:13
Exercise Answer
12:13

Groups

29 lectures
Groups screen UI
21:38
Create Group screen UI
54:09
Friend widget
16:03
Group model
14:11
Group settings Screen UI
24:39
Group Provider class
21:35
Select Group Admins
39:10
Group members duplications fix
12:32
Create a Group Chat
35:48
Show the created group
19:53
Group chat AppBar
29:34
Unread message counter part 1
15:29
Unread message counter part 2
14:30
Unread message counter part 3
10:53
Unread message counter for groups
08:42
Send and show a group message
21:57
Set message seen for groups
17:46
Quick fixes
09:57
Updating the group provider
16:56
Updating the group settings screen
09:10
Group information screen
25:28
Group details card
23:06
Animated dialog
16:59
Finalize group information screen UI
41:09
Group settings and functions part 1
23:07
Group settings and functions part 2
18:37
Group settings and functions part 3
23:26
Request to join group
13:35
Accept group joining request
26:41

Extras and Bonus content

9 lectures
Reply message preview UI update
33:15
Align right widget UI update
20:36
Align left widget UI update
14:44
Adding Chat Reactions Package
22:47
Profile screen UI update
30:39
Finalizing Profile Screen UI
21:08
Deleting message method
13:15
Finalizing Deleting messages
37:03
Search Query
22:46

Đá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?

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.