Jai-Marothiya / live-chat

Live Chat an advance chat application

live-chat

Description

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.

Features

• 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

Technologies Used

• 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

Installation

1. Clone the repository:

   git clone https://github.com/your-username/live-chat.git
   cd live-chat
   

2. Install dependencies:

   npm install
   

3. Configure environment variables:

   PORT=3000
   MONGODB_URI=your_mongodb_project_URI
   SECRET_KEY=your_secret_key
   

4. Start the backend server:

   cd ..
   npm start
   

5. Before start app locally change the start and build command in package.json:

   "start": "react-scripts start",
   "build": "react-scripts build",
   

6. Start Frontend App:

   cd frontend
   npm run start
   
   

Usage

• 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!

Contributing

If you would like to contribute to this project, please follow these guidelines:

1. Fork the repository
2. Create a new branch for your feature or bug fix
3. Make your changes
4. Test your changes thoroughly
5. Create a pull request
6. Describe the changes and why they are necessary