/LambChat

Primary LanguageJavaScript

LambChat Application

Live Site

lambchat.gif

Introduction

This is an application developed primarily to utilize Firebase authentication. After signing in using Google or Facebook, the user is prompted to create a chat with other users. Created using React-Chat-Engine to offer Realtime Chat functionality.

Setup

  • Create .env file in the root directory
REACT_APP_CHAT_ENGINE_KEY=(YOUR_CHAT_ENGINE_KEY)
REACT_APP_CHAT_ENGINE_ID=(YOUR_CHAT_ENGINE_ID)
  • Navigate to /src and create a firebase.js file
import firebase from 'firebase/app'
import 'firebase/auth'

/* 
   This can be more easily obtained by creating a project in Firebase, then navigating to the project settings
   From there, in 'general' scroll down until you see SDK setup and configuration
   Select 'Config' and copy/paste the code given
*/

export const auth = firebase.initializeApp({
  apiKey: "YOUR_API_KEY",
  authDomain: "YOUR_AUTH_DOMAIN",
  projectId: "YOUR_PROJECT_ID",
  storageBucket: "YOUR_STORAGE_BUCKET",
  messagingSenderId: "YOUR_MESSAGE_SENDER_ID",
  appId: "YOUR_APP_ID",
  measurementId: "YOUR_MEASUREMENT_ID"
}).auth()
  • run npm i && npm start