Skip to content

πŸš€ NexusChat – A Full Stack Realtime Chat Application with Authentication, WebSockets, and Cloudinary Integration. Built with MERN Stack + Socket.io for seamless instant messaging.

License

Notifications You must be signed in to change notification settings

abhijeetpatilrm/NexusChat

Repository files navigation

✨ 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.

linkedin GitHub

Β© 2025 Abhijeet Patil

About

πŸš€ NexusChat – A Full Stack Realtime Chat Application with Authentication, WebSockets, and Cloudinary Integration. Built with MERN Stack + Socket.io for seamless instant messaging.

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Contributors 2

  •  
  •  

Languages