This Chat App is made with the most popular BaaS "Firebase" which is a product of Google. It uses Sololearn profiles to get profile images. This App includes the following functions:
- Messaging like in a Group Chat room
- Real Time Updates of Incoming Messages
- Login in to message with a specific Sololearn id (Anonymuous Authentication).
- Show Sololearn Profile Images with the input name.
- Generate Random Emojis when the Happy face is clicked
- Firebase Authentication(facebook,Google,etc.) without anonymouos
- Make message DIVs Dissappear/Appear when User Scrolls to optimize the Page Load and Performace if there is lot of data in the database
- Firstly, You should have a Google account because Firebase is a Product of Google.
- Then, You can go to the Firebase Console, Make a new Project, make a New App so You will get a Piece of Code To paste in the Front-end JS Code as Firebase Config. Remember to replace the blank values with your Original values in the main.js file in this repository.
//firebase config
var firebaseConfig = {
apiKey: "",
authDomain: "",
projectId: "",
databaseURL: "",
storageBucket: "",
messagingSenderId: "",
appId: ""
};
// Initializing Firebase
firebase.initializeApp(firebaseConfig);
- That's it!!! You have a Real-time Working Chat App!!
- If you want to host this app, I recommend you Netlify or Github Pages
- Firebase
- HTML
- CSS
- JavaScript
- JQuery