base-chat | A simple chat application built using Angular and Firebase | Authentication library

Im trying to fix this problem cause i can't login in my app. I was following a youtube tutorial cause im new with angular. This is the owner's github with his project -> https://github.com/wesdoyle/base-chat/blob/master/src/app/services/chat.service.ts

It gives me the following error :

The code of chat.service.ts :

Hi im new working with angular so im following a youtube tutorial to build a chat. This project on owners github-> https://github.com/wesdoyle/base-chat

I tried to add AngularFireDatabase to providers its still not working. I don't know why i get this error when i try to login.

That's my app.module.ts file:

I'm building an app where there are two types of users: passengers and drivers. I am adding a chat interface to the app. The users are sending and receiving the messages. However, they appear on the same side, and the username is not displaying above the message. I need the sender's messages to be on the left side while the received messages are on the right side. I've looked at a lot of tutorials for chat apps, but I can't find one that will fix my problem. I used the following tutorial to get where I am now: https://github.com/mehulmpt/ionic-firebase-chat

Chat Messages

Here is my source code:

I deleted some of my source code to hopefully be more concise. I've included all the code where I believe that the error could be

I've been starting to learn android since past few months. I'm creating a very basic chat application that uses Firebase Authentication, Firebase realtime database and Firebase Storage. I have used Lapit Chat Application YouTube tutorial and its source code in GitHub as the reference.

My application has MainActivity as the launcher activity, where the Firebase Authentication checks whether authentication is successful or not. If not, user is navigated to StartActivity (where user can login or register a new account). MainActivity has two fragments, namely ChatsFragment and FriendsFragment, which can be slided to navigate to each other (ViewPager is used).

Problem: The app crashes at startup when launched for the first time. After showing 'Unfortunately ChaTeX has stopped' and pressing okay, the app then launches, and everything works fine.

I am currently testing this application in Android Marshmallow in two devices where I get the same error in both devices. But the application doesn't launch at all in Nougat devices and the app keeps crashing all the time. What I guess is that the cause of error in both the android versions is same.

Logcat shows java.lang.NullPointerException: Attempt to invoke virtual method 'java.lang.String com.google.firebase.auth.FirebaseUser.getUid()' on a null object reference in the onCreateView method of ChatFragments.java as shown in the snippet below(The line where I get Error is commented):

ChatsFragment.java:

I am fairly new to Firebase as well as angular2. So I am trying to make a Firebase integrated angular2 Chat app through tutorials. I have followed this tutorial to make the chat app. The problem is that addition to the simple chat, I want to create a toast when someone writes or receives a new chat. But I can't seem to find the code where I can listen to the that event.

Any idea where do I find it?

angular component looks something like this