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 start
Visit 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.