This is a real-time chat application built using Node.js, React.js, and ChatEngine.io. It supports group chats, 1-on-1 chats, real-time messaging, and image and file sharing.
- Real-time messaging
- Group and 1-on-1 chats
- Image and file sharing
- User authentication
- Frontend: React.js
- Backend: Node.js
- Chat Engine: ChatEngine.io
- Node.js (version 12.x or later)
- npm (version 6.x or later) or yarn (version 1.x or later)
-
Clone the repository:
git clone https://github.com/abhishekpd01/Chat-Application.git cd chat-application
-
Navigate to the backend directory:
cd server-side
-
Install the dependencies:
npm install # or yarn install
-
Create a .env file in the backend directory and add the following environment variables:
CHAT_ENGINE_PROJECT_ID=your_chat_engine_project_id CHAT_ENGINE_PRIVATE_KEY=your_chat_engine_private_key
-
Start the backend server:
npm start # or yarn start
-
Navigate to the backend directory:
cd client-side
-
Install the dependencies:
npm install # or yarn install
-
Create a .env file in the forntend directory and add the following environment variables:
CHAT_ENGINE_PROJECT_ID=your_chat_engine_project_id
-
Start the frontend development server:
npm run dev
- Open your browser and navigate to http://localhost:5173.
- Register a new user or log in with existing credentials.
- Start chatting in a group or 1-on-1.
chat-application/
├── client-side/
│ ├── node_modules/
│ ├── public/
│ ├── src/
| | ├── assets/
│ │ ├── App.jsx
| | ├── AuthPage.jsx
| | ├── ChatsPage.jsx
│ │ └── main.jsx
│ ├── .env
│ ├── package.json
│ └── ...
├── server-side/
│ ├── node_modules/
│ ├── app.js
│ ├── .env
│ ├── package.json
│ └── ...
├── README.md
└── ...
Contributions are welcome! Please open an issue or submit a pull request.
This project is licensed under the MIT License.