Chattel

A chat app built with React & Firebase.

this app is no longer actively developed or supported

Get Started

1. Download or clone the repo. git clone [email protected]:perspicacious-one/chattel.git

2. In your terminal: cd chattel

3. Run npm install

4. Set up your firebase project linkage in firebase.js:

   import firebase from 'firebase';
   
   const config = {
     apiKey: "<your-api-key>",
     authDomain: "<your-auth-domain",
     databaseURL: "https://<your-project-id>.firebaseio.com",
     projectId: "<your-project-id>",
     storageBucket: "<your-project-storage>",
   };
   firebase.initializeApp(config);
   
   export default firebase;

5. Set up your Firebase Real-time database structure:

   "<project-id>": {
     "rooms": {
       "id": {
         "name": "value"
       }
     },
     "messages": {
       "id": {
         "username": "value",
         "content": "value",
         "sentAt": "value",
         "roomId": "value"
       }
     }
   }

6. Set up your Firebase authentication (read how in the Firebase docs)

7. Run npm start

Notes

Creating references:

• Rooms - this.props.firebase.database().ref('rooms');

• Messages - this.props.firebase.database().ref('messages');

Authentication:

User authentication is provided through Firebase Authentication.

this.props.firebase.auth.GoogleAuthProvider();

React

Warning! This project was built using React lifecycle methods that are now outdated.

This project was bootstrapped with Create React App.