Live Chat is an advance chat application with real-time messaging feature and allows users to engage in one-on-one or group chats. It provides a user-friendly interface for sending and receiving messages, making it easy for people to stay connected and communicate effectively.
- User registration and authentication
- One-on-one and group chat functionality
- Real-time messaging with WebSocket technology
- Message history and storage
- User profile management
- Notifications for new messages
- HTML, CSS, ReactJS, Chakra-UI for the front-end
- Node.js for the server
- Socket.io for real-time communication
- MongoDB for data storage
- Express.js for routing
- JWT Token for password security
- Cloudinary for user image storage
- Clone the repository:
git clone https://github.com/your-username/live-chat.git cd live-chat
- Install dependencies:
npm install
- Configure environment variables:
PORT=3000 MONGODB_URI=your_mongodb_project_URI SECRET_KEY=your_secret_key
- Start the backend server:
cd .. npm start
- Before start app locally change the start and build command in package.json:
"start": "react-scripts start", "build": "react-scripts build",
- Start Frontend App:
cd frontend npm run start
- Visit the application in your web browser at http://localhost:3000 (or your specified port).
- Register a new account or log in if you already have one.
- Start a new chat or join an existing one.
- Enjoy real-time messaging with friends and colleagues!
If you would like to contribute to this project, please follow these guidelines:
- Fork the repository
- Create a new branch for your feature or bug fix
- Make your changes
- Test your changes thoroughly
- Create a pull request
- Describe the changes and why they are necessary