Welcome to the Chat Application! The Chat Application using Chat Engine API is a real-time messaging platform that enables users to engage in instant chat with multiple participants. The application supports features such as attaching images to messages and provides a seamless chatting experience. Built using React and Node.js, the project leverages the Chat Engine API for efficient real-time communication. The application is easily configurable, allowing users to personalize their experience. Once set up, users can log in with their Chat Engine credentials and start chatting in real-time.
Check out the live demo here
- Real-time messaging
- Multiple users support
- Attach images to messages
- Node.js installed
- React development environment
-
Clone the repository:
git clone https://github.com/swetamishra123/CHAT-APP.git
-
Change to the project directory:
cd CHAT-APP -
Install dependencies:
npm install
- Create an account on Chat Engine.
- Create a new project to obtain the Project ID.
- Get your access keys from the Chat Engine dashboard.
In the project, open MessageForm.js and Modal.js files.
// MessageForm.js
const projectID = 'YOUR_CHAT_ENGINE_PROJECT_ID';// Modal.js
const projectID = 'YOUR_CHAT_ENGINE_PROJECT_ID';Replace 'YOUR_CHAT_ENGINE_PROJECT_ID' with your actual Chat Engine Project ID.
npm startVisit http://localhost:3000 in your browser to view the application.
- Upon visiting the application, you will be prompted to log in with your Chat Engine credentials.
- Start chatting with others in real-time!
Feel free to contribute to the development of this project. Fork the repository, make your changes, and submit a pull request.
This project is licensed under the MIT License.
Make sure to replace `'YOUR_CHAT_ENGINE_PROJECT_ID'` with your actual Chat Engine Project ID.