fredrickked / javascript-reactjs-chat-app

ReactJS Chat App (Includes 100% Ready UI)

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

CometChat React JS Demo app (built using CometChat Pro) is a fully functional messaging app capable of one-on-one (private) and group messaging along with recent conversations. The app enables users to send text , multimedia messages like audio, video, images, documents and custom messages (eg : location).

Table of Contents

  1. Screenshots
  2. Config Development Environment
  3. Config Chat App
  4. RUN App
  5. Contributing

Screenshots

Config-your-Development-Environment

Clone or checkout the project using git or svn using the mentioned web URL

git clone <URL>

If you don't have node install, Please download appropriate version from official website: Nodejs.org

Once node and npm is installed successfully. You can verify from running following command :

node -v
npm -v

Now you are ready to sync application dependencies. Please follow the following steps:

npm install

Config-Chat-App

v2.0+

Checkout master or v2 branch.

Get your Application Keys

Signup for CometChat and then:
  1. Create a new app - select version as v2 and region as Europe or USA.

  1. Head over to the API Keys section and click on the Create API Key button

  2. Enter a name and select the scope as Auth Only

  3. Now note the API Key and App ID

  4. Replace APP_ID,   API_KEY and   APP_REGION in src/constants.js with your APP ID,   API KEY  and  APP Region respectively.

Note : APP Region values to "us" or "eu".

v1.0+

Checkout v1 branch.

Get your Application Keys

Signup for CometChat and then:

  1. Create a new app - select version as v1

  1. Head over to the API Keys section and click on the Create API Key button

  2. Enter a name and select the scope as Auth Only

  3. Now note the API Key and App ID

  4. Replace APP_ID,   API_KEY in src/constants.js with your APP ID,  and  API KEY respectively.

Run-App

And your are done! You can now run your app by running the following command.

npm start

Contribute

Feel free to make a suggestion by creating a pull request.

About

ReactJS Chat App (Includes 100% Ready UI)


Languages

Language:JavaScript 89.5%Language:CSS 9.6%Language:HTML 0.9%