• Real-Time Messaging – Powered by Socket.IO for instant chat communication.
• Secure Authentication – JWT-based authentication ensures user data security.
• User-Friendly UI – Styled with Tailwind CSS & DaisyUI for a sleek and responsive design.
• Scalable Backend – Built with Express.js & Node.js for efficient performance.
• MongoDB Database – A robust NoSQL database for storing messages and user data.
• Fast & Lightweight – Optimized for speed and smooth user experience.
• Online Status – See who's online in real-time.
• Message Notifications – Audio notifications for new messages.
• Responsive Design – Works perfectly on desktop and mobile devices.

• Frontend: React.js, Tailwind CSS, DaisyUI, Vite

• Backend: Node.js, Express.js

• Database: MongoDB

• Authentication: JSON Web Token (JWT)

• Real-Time Communication: Socket.IO

• State Management: Zustand

• Node.js (v16 or higher)
• MongoDB (local or cloud)
• Git

1. Clone the repository

   git clone https://github.com/SjxSubham/Sjx_Chat.git
   cd Sjx_Chat

2. Install dependencies

   npm install
   cd frontend/Sjx_chat
   npm install
   cd ../..
   
   cd backend
   npm install
   cd ..
   
   npm list
   npm i

3. Environment Setup

   # Copy example environment files
   cp .env.example .env
   cp frontend/Sjx_chat/.env.example frontend/Sjx_chat/.env

4. Configure Environment Variables

   Edit .env file:

   MONGO_DB_URI=mongodb://localhost:27017/chat_app
   JWT_SECRET=your_jwt_secret_key_here
   PORT=5000
   NODE_ENV=development
   CLIENT_URL=http://localhost:3000

   Edit frontend/Sjx_chat/.env file:

   VITE_API_URL=http://localhost:5000
   VITE_SOCKET_URL=http://localhost:5000

5. Start the application

   # Development mode (backend)
   npm run server
   
   # In a new terminal, start frontend
   cd frontend/Sjx_chat
   npm run dev

6. Access the application

   • Frontend: http://localhost:3000
   • Backend API: http://localhost:5000

# Build the application
npm run build

# Start in production mode
npm start

Sjx_Chat/
├── backend/
│   ├── controllers/          # API controllers
│   ├── db/                  # Database connection
│   ├── middleware/          # Auth middleware
│   ├── models/              # MongoDB schemas
│   ├── routes/              # API routes
│   ├── socket/              # Socket.IO configuration
│   └── utils/               # Utility functions
├── frontend/Sjx_chat/
│   ├── src/
│   │   ├── components/      # React components
│   │   ├── context/         # React context
│   │   ├── hooks/           # Custom hooks
│   │   ├── pages/           # Page components
│   │   └── utils/           # Frontend utilities
│   └── public/              # Static assets
└── package.json             # Root dependencies

1. Port already in use

   • Change PORT in .env file
   • Kill process using: netstat -ano | findstr :5000

2. MongoDB connection error

   • Ensure MongoDB is running
   • Check MONGO_DB_URI in .env

3. Socket connection issues

   • Verify VITE_SOCKET_URL in frontend .env
   • Check CORS settings in backend

An engaging real-time chat experience with a sleek UI.

This project is licensed under the GNU GENERAL PUBLIC LICENSE v3.0 - see the LICENSE file for details.

Contributions are welcome! Feel free to fork the repo and submit a pull request.

For any issues or suggestions, please reach out via GitHub Issues.

Happy chatting! 🚀