Skip to content

Neat-Coder23/Firebase-Chat-App

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

8 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Firebase Chat App

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

Improvements

  • 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

Manual

  • 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

Tech used:

  • Firebase
  • HTML
  • CSS
  • JavaScript
  • JQuery

Thank You for visiting my Repository!!

Always Be Awesome!!!

About

Awesome Real-Time Group Chat App For Everyone!!!

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published