Chat App

This is a real-time chat application built using the MERN (MongoDB, Express, React, Node.js) stack. The app allows users to send and receive messages in real time, and view online users. The application is designed with a responsive UI and features a smooth chat experience.

Live Demo

Check out the live version of the app: Chat App on Render

Features

• Real-Time Messaging: Send and receive messages in real time using Socket.IO.
• User Authentication: Secure user authentication with JWT and bcrypt.
• Responsive Design: A clean and responsive design using React and Tailwind CSS.
• Online Users : Display online users in each chat.
• User-Friendly UI: Simple and intuitive user interface.

Tech Stack

• Frontend: React, Vite, Tailwind CSS
• Backend: Node.js, Express, MongoDB, Socket.IO
• Authentication: JWT, bcrypt
• Deployment: Render

Getting Started

Prerequisites

• Node.js (v14 or later)
• MongoDB (local or cloud-based)

Installation

1. Clone the repository:

git clone https://github.com/aditya-krm/chat-app.git
cd chat-app

2. Install the server dependencies: in the root directory

npm install

3. Install the client dependencies: in the client directory

cd client
npm install

4. Create a .env file in the root directory and add the follow the .env.example file

5. Run the development server:

   npm run server

6. Run the client:

    cd client
    npm run dev

7. open browser and go to the localhost url

Contributing

Contributions are welcome! Please feel free to submit a Pull Request.

License

This project is licensed under the ISC License.

Contact

• Author: Aditya Karmakar
• GitHub: @aditya-krm
• Live App: Chat App on Render