This application is a real-time chat application inspired by the tutorial found at YouTube. It is built using the MERN stack and utilizes the Socket.io library for real-time communication between clients. The application allows users to create and join group chats, as well as send and receive messages in those chats. It also includes features for user authentication and profile management.
To get started with RTChatapp, follow these steps:
- Clone the repository:
git clone https://github.com/benj652/rtchatapp.git - Navigate to the project directory:
cd rtchatapp - Install dependencies:
npm install - Sign up for a MongoDB Atlas account and create a new cluster.
- Create a new database user with readWrite permissions.
- Create a
.envfile in the root directory of the project and add the following lines: MONGO_DB_URI=<YOUR_DATABASE_URI> JWT_SECRET=<YOUR_JWT_SECRET> PORT=<YOUR_PORT> - In the root directory of the project, start the server:
npm run server - In the root directory of the project, start the client:
npm run client - Open your browser and navigate to
http://localhost:3000
- Real-time messaging between users
- Create and join group chats
- View and send images and videos
- Search for users in the sidebar
- View online users in the sidebar
- Profile page with profile picture and username
- User authentication
- React
- Node.js
- Express
- MongoDB
- Socket.io
- Tailwind CSS
- React Hot Toast
- DaisyUI
- Robohash.org