Chit Chat 📧 is a Modern Responsive Cross-Platform Messenger App developed using technologies such as React JS, React-Router, Firebase as Backend and SCSS.
-
This App enables users to instantly Send a
Text message, shareImagesand also any GIF which will be displayed as anAnimated Sticker. -
The user has to first Create an account on the
Register page. -
If the user already has an Account he can go to
Login page. -
At Login page, user has to authenticate himself by filling Email and Password. If user enters wrong credentials, an Error Message will be displayed.
-
This Email and Password will be Authenticated using
Firebase Authenticationand upon successful validation, user will be redirected toChat Page. -
At Register Page, for Creating an Account, the user has to fill just some basic details such as Name, Email, Password & Select an Avatar which will be set as his Profile Photo.
-
Upon successful filling up of the details, the user details will be stored in
Firebase FirestoreDatabase and also User Account will be created using 'Firebase Authentication' then the user will be redirected to theChat Page. -
At Chat Page, the user has to first search for other users by searching the name in
Find a Userinput box & then select the user to add to Friends list. -
Now both User1 & User2 will be added in each other's Friend's list.
-
To start a conversation the user has to simply select another user from the
Friends Liston sidebar. -
After selecting main chats page will appear with selected user's name at top and past conversations in the middle.
-
All the Chat history will be stored in the
Firebase Firestoredatabase. -
On the sidebar we can also see latest message send by other users!
-
The users can have fun by sending text messages, images or Animated GIFs as sticker.
-
So, What are you waiting for?
Let's Chit-Chat!
🚀 Check out the website here! 👉 Chit-Chat-App
