Terminal : Real Time Chat App

This real-time chat application facilitates instant communication, allowing users to engage in conversations seamlessly. Built with a focus on performance and security, it ensures that all messages are delivered promptly and securely.
Technologies Used:

• JWT: for secure user authentication
• Socket.io: for real-time messaging
• Zustand: for efficient state management
• Tailwind CSS: for a responsive and modern user interface
• MongoDB: for robust and scalable data storage

This combination of technologies provides a smooth, responsive, and secure chat experience for all users, ensuring that all user data and chat history are reliably stored and easily retrievable.

🚀 Features

User Authentication with JWT 🔒

Secure authentication using JSON Web Tokens (JWT) to ensure only authorized users can access the chat application.

Real-Time Messaging with Socket.io 💬

Enables real-time, bidirectional communication between clients and servers for instant messaging.

State Management with Zustand 📋

Efficient state management using Zustand, a small, fast, and scalable state-management solution.

Styled with Tailwind CSS 💅

Utilizes Tailwind CSS for responsive and customizable UI design.

MongoDB for Data Storage 💾

Stores user data, chat history, and other necessary information in a MongoDB database for reliable and scalable data management.

Windows:

Node.js: Download and install Node.js from the official website.

Linux (Ubuntu/Debian):

Node.js:

sudo apt update
sudo apt install nodejs
sudo apt install npm

📖 Installation Guide

1. Navigate to the project directory:

   cd react-chat
   
   
   
   

2. Install the dependencies for both client and server:

   cd client && npm install
   cd ../server && npm install
   cd ..
   
   
   
   

3. Create a .env file in the server directory and add your environment variables:

   cp server/.env.example server/.env
   
   
   
   

   Modify the .env file with your environment-specific variables.
4. Start the client:

   cd client && npm run dev
   
   
   
   

5. Open another terminal, navigate to the project directory, and start the server:

   cd server && npm run dev
   
   
   
   

6. Open your browser and visit http://localhost:5173.

Start chatting in real-time! 😉