ChatNet is a real-time communication chat application built using the MERN (MongoDB Express React Node.js) stack and Socket.IO for instant bidirectional communication. This app provides a seamless and responsive chat experience supporting multiple users and rooms ensuring real-time message delivery.
Here're some of the project's best features:
- Real-time Messaging: Instant messaging with real-time updates using Socket.IO.
- User Authentication: Secure user authentication with JWT (JSON Web Tokens).
- Responsive Design: User-friendly interface designed for both desktop and mobile devices.
- User Presence: Real-time user presence indicators.
- Message History: Persistent message storage in MongoDB.
- State Management: Efficient state management using Zustand.
1. Clone the repository:
git clone https://github.com/GeeekySouro003/ChatNet.git
2. Go the folder
cd ChatNet
3. Install server dependencies:
cd backend
npm install
4. Install client dependencies:
cd frontend
npm install
1. Server Configuration:
Create a .env file in the server directory and add the following variables:
PORT=5000
MONGO_URI=your_mongodb_connection_string
JWT_SECRET=your_jwt_secret_key
<p>2. Client Configuration:</p>
Create a .env file in the client directory and add the following variables: REACT_APP_API_URL=http://localhost:5000
1. Start the server:
cd backend npm start2. Start the client:
Open a new terminal window and run:cd frontend npm start
1.Register and Login:
Open the application in your browser. Register a new account or login with existing credentials. 2.reate and Join Rooms:
After logging in, you can create a new chat room or join an existing one. 3.Start Chatting: Enter a room to start sending and receiving messages in real time.
Technologies used in the project:
- Reactjs
- Mongodb
- Nodejs
- ExpressJs
- Socket-io
- Zustand
Contributions are welcome! Please follow these steps to contribute:
- Fork the project repository.
- Create a new branch (git checkout -b feature-branch).
- Make your changes.
- Commit your changes (git commit -m 'Add some feature').
- Push to the branch (git push origin feature-branch).
- Open a Pull Request.
Happy chatting with ChatNet! ๐