This is a MERN chat app inspired by Facebook Messenger. It is built with the following technologies:
- Frontend: React, Tailwind CSS
- Backend: Express.js, MongoDB
- State management: Redux
- Authentication: JSON Web Tokens (JWT)
- Real-time chat: WebSockets
- Google Captcha: To prevent bots from creating accounts
- Real-time chat
- One-on-one chats
- Google Captcha to prevent bots from creating accounts
- Clone the repository:
git clone https://github.com/your-username/mern-chat-app.git- Install the dependencies:
cd mern-chat-app
npm install- Create a
.envfile in the root directory and add the following environment variables:
PORT = 7000
FRONTEND = http://localhost:5173
MONGO_URI = 'mongodb+srv://username:[email protected]/db_name'
JWT_SECRET = 'dsvdsks35345243424325234SKJDHSJFGFFS'- Run the app:
npm run dev- Open the app in your browser at
http://localhost:5173
If you'd like to contribute, please fork the repository and use a feature branch. Pull requests are warmly welcome.
This project was developed solely by Ayoub Amer.
Please feel free to contact me if there's any issue or for more information.