🌍 Connectify: Full Stack Real-Time Chat Application

Connectify is a modern, responsive, and feature-rich real-time chat application built using the MERN stack (MongoDB, Express, React, Node.js). It leverages Socket.io for instantaneous communication and provides a seamless user experience with a sleek UI powered by TailwindCSS and Daisy UI.

Live Demo: https://connectify-qkf6.onrender.com/

🚀 Features

• Real-Time Messaging: Instant message delivery using Socket.io.
• User Authentication: Secure login and signup with JWT-based authentication and authorization.
• Online Status: Real-time tracking of online/offline users.
• State Management: Efficient global state handling with Zustand.
• Responsive Design: Fully optimized for various screen sizes using TailwindCSS.
• Media Support: Profile image uploads integrated with Cloudinary.
• Robust Error Handling: Comprehensive validation and error management on both frontend and backend.

🛠️ Tech Stack

• Frontend: React.js, TailwindCSS, Daisy UI, Zustand, Lucide React
• Backend: Node.js, Express.js
• Database: MongoDB (Atlas)
• Real-Time: Socket.io
• Cloud Storage: Cloudinary (for profile images)
• Security: JWT (JSON Web Tokens), Bcryptjs

⚙️ Installation & Setup

1. Clone the Repository

git clone https://github.com/aditya-singh2005/Connectify.git
cd connectify

2. Configure Environment Variables

Create a .env file in the root directory (or inside the backend folder) and add the following:

MONGODB_URI=your_mongodb_connection_string
PORT=5001
JWT_SECRET=your_jwt_secret

CLOUDINARY_CLOUD_NAME=your_cloudinary_name
CLOUDINARY_API_KEY=your_cloudinary_key
CLOUDINARY_API_SECRET=your_cloudinary_secret

NODE_ENV=development

3. Install Dependencies & Build

From the root directory:

npm run build

4. Start the Application

npm start