Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/m-code12/lambchat


https://github.com/m-code12/lambchat

Last synced: 8 days ago
JSON representation

Awesome Lists containing this project

README

        

# LambChat Application

[Live Site](https://monika-jha-relatime-chat-application.netlify.app/)

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
```js
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```