Messenger App

Welcome to the Messenger App! This application allows users to chat in real time, send messages, and share files. Built with modern web technologies, it provides a seamless and interactive messaging experience.

Features

• Real-time Messaging: Exchange messages instantly using WebSockets.
• File Sharing: Upload and download files. Send and receive images directly within the chat interface.
• User Authentication: Secure login and logout functionality.
• Offline Support: Displays offline users and handles messages appropriately.

Technologies

• Frontend: React, Tailwind CSS
• Backend: Node.js, Express
• Database: MongoDB (using Mongoose)
• WebSockets: WS (Node package)

Getting Started

To get started with this project locally, follow these steps:

1. Clone the repository:

git clone https://github.com/AdeebKhan25/Messenger.git
cd Messenger

2. Navigate to the client directory:

cd client

3. Install dependencies:

yarn install

4. Navigate to the api directory:

cd ../api

5. Install dependencies:

yarn install

6. Create a .env file in the api directory and add your MongoDB URL, JWT Secret, and Client URL.
7. Start the backend server:

nodemon index.js

8. Start the frontend development server:

yarn run dev

Screenshots

1. Login Page

2. Register Page

3. Chat Page

Further Assistance

If you need any more help or have other questions, feel free to ask. Happy coding! 🚀