✨ Full Stack Realtime Chat App ✨

Welcome to our Full Stack Realtime Chat App! This project demonstrates a modern, feature-rich chat application built with the MERN stack and enhanced with real-time capabilities.

🌟 Features

• 💬 Real-time messaging with Socket.io
• 🔐 Secure authentication and authorization using JWT
• 👥 User presence detection (online/offline status)
• 🖼️ Profile picture upload and management
• 🌓 Multiple theme options
• 📱 Responsive design for various devices
• 🚀 Efficient state management with Zustand
• 🐞 Comprehensive error handling (server and client-side)

🛠️ Tech Stack

• Frontend: React.js, TailwindCSS, Daisy UI
• Backend: Node.js, Express.js
• Database: MongoDB
• Real-time Communication: Socket.io
• State Management: Zustand
• Authentication: JSON Web Tokens (JWT)

🚀 Getting Started

Prerequisites

• Node.js (v14 or later)
• MongoDB
• Git

Installation

1. Clone the repository:

git clone https://github.com/ritwik1709/NexusChat.git

Setup Environment variables

Create a .env file in the backend directory with the following attributes:

MONGODB_URI=your_mongodb_connection_string
PORT=5001
JWT_SECRET=your_jwt_secret_key
CLOUDINARY_CLOUD_NAME=your_cloudinary_cloud_name
CLOUDINARY_API_KEY=your_cloudinary_api_key
CLOUDINARY_API_SECRET=your_cloudinary_api_secret
NODE_ENV=development

Build the app (To install all dependencies)

Run this command from the folder fullstack-chat-app-master

npm run build

Start the backend

Run this command from the folder fullstack-chat-app-master

npm start

Start the frontend

Run this command from the frontend folder

npm run dev

Contact

If you want to contact me, you can reach me through the handles below.

© 2025 Abhijeet Patil