converse

converse is an OpenSource Chat Application built with React, Redux and Firebase.

It provides a headstart to create your own chat application.

Steps to create your chat application with converse

1. Download the complete project

Download the complete project and open it in your IDE of choice. Then open the terminal section of IDE and enter either of the following lines and hit "enter" to proceed.

npm install

or

yarn install

The above line would install all the required node modules / packages for this project to run.

2. Create .env.local file on the root directory of the downloaded project

Make sure to create .env.local file before trying to run the application. This is to link the project with your Firebase project.

Copy the following lines and paste it inside the file.

REACT_APP_FIREBASE_API_KEY = REPLACE THIS COMMENT WITH YOUR FIREBASE API KEY

REACT_APP_FIREBASE_AUTH_DOMAIN = REPLACE THIS COMMENT WITH YOUR FIREBASE AUTH DOMAIN

REACT_APP_FIREBASE_PROJECT_ID = REPLACE THIS COMMENT WITH YOUR FIREBASE PROJECT ID

REACT_APP_FIREBASE_STORAGE_BUCKET = REPLACE THIS COMMENT WITH YOUR FIREBASE STORAGE BUCKET

REACT_APP_FIREBASE_MESSAGING_SENDER_ID = REPLACE THIS COMMENT WITH YOUR FIREBASE MESSAGING SENDER ID

REACT_APP_FIREBASE_APP_ID = REPLACE THIS COMMENT WITH YOUR FIREBASE APP ID

REACT_APP_FIREBASE_MEASUREMENT_ID = REPLACE THIS COMMENT WITH YOUR FIREBASE MEASUREMENT ID

Add your Firebase porject's configuration onto the right hand side of the respective variables.

3. Setup is complete

With the above two steps done correctly, you are good to go with running your own converse chat application.

However,

To really make it your own, I recommend you to add your personal touch and flavour to the styling or the graphic elements.