Chatz Web App

Chatz is a real-time chat application built with the MERN stack and Tailwind CSS.

Deployment

Frontend (React)

Clone the repository:
```
git clone <repository_url>
cd client
```
Install dependencies:
```
npm install
```
Configure socket url:

change url SocketContext.jsx
Run the app:
```
npm start
```
Access the app:

Open your browser and go to http://localhost:3000.

Backend (Node.js)

Navigate to the server directory:
```
cd ../server
```
Install dependencies:
```
npm install
```
Set environment variables:
- Create a .env file in the server directory.
- Add the following variables:
```
PORT=<port_number>
MONGODB_URI=<your_mongodb_connection_string>
```
Run the server:
```
npm start
```
Server will run at:

http://localhost:<port_number>

Features

Real-time Messaging: Implemented using Socket.IO for real-time communication.
Database: MongoDB used for storing chat messages and user data.
Styling: UI designed using Tailwind CSS for a sleek and responsive design.

Deployment Link

The Chatz app is deployed at https://chatz-nnea.onrender.com.

Technologies Used

Frontend: React, Tailwind CSS
Backend: Node.js, Express.js, Socket.IO
Database: MongoDB

License

This project is licensed under the MIT License - see the LICENSE file for details.