Skip to content

This is an application forked from a tutorial video and then adjusted to be a bit more unique. This application is designed to be a full Realtime Chat Application.

Notifications You must be signed in to change notification settings

MrLambs/React-Firebase-Chat-App

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

13 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

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

About

This is an application forked from a tutorial video and then adjusted to be a bit more unique. This application is designed to be a full Realtime Chat Application.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 61.5%
  • HTML 19.7%
  • CSS 18.8%