A WhatsApp clone, with basic messaging app features.
- Real-time Messaging: Send and receive messages instantly.
- Profile Management: Update profile picture, status, and more.
- Secure Authentication: User authentication with JWT.
Check out a live demo of the project here.
Follow these steps to set up the project locally.
- Node.js
- npm or yarn
- MongoDB
-
Clone the repository:
git clone https://github.com/pritesh299/Whatsapp-messaging_app_clone.git cd whatsapp-clone/backend -
Install dependencies:
npm install
-
Configure environment variables: Create a
.envfile in thebackenddirectory and add the necessary environment variables.MONGO_URI="your mongo db url" JWT_SECRET="your_jwt_secret" APP_ORIGIN_URL="your front-end url" example:localhost:5173 -
Start the server:
npm run dev
-
Navigate to the frontend directory:
cd ../frontend -
Install dependencies:
npm install
-
Configure environment variables: Create a
.envfile in thebackenddirectory and add the necessary environment variables.REACT_APP_SERVER_LINK="your server link" -
Start the development server:
npm run dev
- Open your browser and go to
your front-end url(or the appropriate port if configured differently). - Register a new account or log in with an existing one.
- Start messaging!
- Frontend: React,Tailwind-css,Typescript
- Backend: Node.js, Express, [any other libraries]
- Database: MongoDB
- Authentication: JWT
- Real-time Communication: Socket.io
This project is licensed under the MIT License. See the LICENSE file for details.