Posts

Chat with your friends and family with your own React app in 3 easy steps

Image
                                      Create a new React app✌ Use this command:  npx create-react-app app_name                                             Prerequisites  for chatting app ant-design - It is a React UI library that contains many icons for making UI interactive. Axios - It is a Java Script library to make HTTP requests  react-chat-engine- It is a chat API without which we cannot make our chat app. Install all these using a single command: npm install @ant-design/icons axios react-chat-engine                                                       Steps: 1. Go to  https://chatengine.io/ and create a new project by clicking on New Project. Give your project a name. I have named it as chat-blog. 2. After the project has been created, it provides us a unique Project ID for each project.   As we can see from the above screenshot, now the chatengine.io shows the steps to setup your project(on left). Follow step 1 to add as many users as you want. Enter username and secret key.