Flutter Whatsapp Web App Clone | Full Stack Web Development

Focused View

Muhammad Ali

2:39:44

64 View

1 - Introduction

1 - Introduction.mp4

09:19

2 - Create and Setup a new Flutter Project Define Theme Colors for our Web App

2 - Create and Setup a new Flutter Project.mp4

02:51

3 - define default theme and colors for our web app.mp4

03:10

3 - Create Web Pages and Defining Routes

4 - create web pages.mp4

01:49

5 - defining routes for web pages and setting up initial route for first web page.mp4

07:42

4 - Login Web Form and Signup Web Form UI UX

6 - setting up login signup page background colors.mp4

06:25

7 - show circle avatar for profile with outlined button.mp4

17:57

8 - text fields implementation.mp4

09:02

9 - login and signup button with progress bar if loading.mp4

07:36

10 - toggle between signup and login form.mp4

03:55

5 - Flutter Web How to choose pick image on Web

11 - flutter web pick image from computer.mp4

05:23

6 - How to connect Firebase with Flutter Web App

12 - connect firebase with flutter web app.mp4

08:47

7 - Login Signup New Users Authentication Upload Image Save Data to Firestore

13 - flutter login and signup web form validation.mp4

11:10

14 - create and authenticate user with email and password.mp4

03:52

15 - upload image to storage.mp4

15:38

16 - save user data to firestore database.mp4

07:49

17 - signin user with email and password.mp4

04:45

8 - Implement Chats Header Tab View for Recent Chats and Contacts List

18 - home web page ui ux.mp4

05:49

19 - retrieve current user data and pass it to chat area.mp4

08:36

20 - display current user info on chat area header.mp4

06:52

21 - implement tabs for recent chats and contacts list.mp4

04:21

9 - Implement Messages Area

22 - implement messages area.mp4

06:56

Description

Learn Website Development with Flutter & Firebase as Backend - Real Time Push Notification for Web using FCM | Messenger

What You'll Learn?

Flutter Website Development
Flutter Full Stack Web Development
How to Host Flutter WEB App Online
Real Time Push Notifications System for WEB
Private One to One Chat System
Fully Functional WhatsApp Web Clone App
and much more

Who is this for?

anyone who wants to learn website development using flutter

anyone who wants to become full stack flutter web app developer

What You Need to Know?

you must have some basic programming knowledge

you must have some basic flutter knowledge

More details

Description
In this course you will learn how to create full stack web applications with real time push notifications for web using firebase ac backend with flutter.

The web itself is a flexible platform, but Flutter is ideal for building web applications like PWAs or SPAs and bringing your existing mobile app to the web. Reach more users. Acquire users beyond app stores without limitations from just a click of a URL in a web browser.

The FCM JavaScript API lets you receive notification messages in web apps running in browsers that support the Push API. This includes the browser versions listed in this support matrix and Chrome extensions via the Push API.
Firebase Cloud Messaging, formerly known as Google Cloud Messaging, is a cross-platform cloud service for messages and notifications for web applications.

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

Cloud Firestore is a flexible, scalable database for mobile, web, and server development from Firebase and Google Cloud. Cloud Firestore is a NoSQL document database that lets you easily store, sync, and query data for your mobile and web apps - at global scale.

Who this course is for:
anyone who wants to learn website development using flutter
anyone who wants to become full stack flutter web app developer

User Reviews

Rating

average 0

Total votes0

Focused display

I'm an experienced software engineer. I have created many web, mobile applications. Moreover I have great experience in Artificial Intelligence, Augmented Reality Apps Development. Here i will share my knowledge with all of you by teaching all these things in way you would love to learn. I love to create and develop creative applications for the web, android and ios. Also I have good experience in game development game design.

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.