Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/bottomsnode/mern-chat-app

This project is a real-time chat application for private and group conversations. It enables users to communicate via text messages, with WebSocket-based instant updates. Built with a modern, scalable tech stack, the system is user-friendly and designed for easy feature extensions.
https://github.com/bottomsnode/mern-chat-app

chat-application client-server mern-stack-development redux-toolkit tailwindcss

Last synced: 1 day ago
JSON representation

This project is a real-time chat application for private and group conversations. It enables users to communicate via text messages, with WebSocket-based instant updates. Built with a modern, scalable tech stack, the system is user-friendly and designed for easy feature extensions.

Awesome Lists containing this project

README

        

## Build Chat App with React, Socket.io, Nodejs, Redux-Toolkit, MongoDB (2024)
### by Nishit Shivdasani

![](Full%20Stack%20Chat%20App.png?raw=true "Made by Nishit Shivdasani")

Learn to build a real-time messaging Chat App using React, Socket.io, Node.js, Redux-Toolkit, and MongoDB. This tutorial series covers everything from setup to implementation, offering valuable insights and practical skills. Whether you're a beginner or an experienced developer, join us to take your React and Node.js expertise to the next level! Subscribe now and start building your own real-time messaging platform.

# Server .env file

FRONTEND_URL =


MONGODB_URI =


JWT_SECREAT_KEY =

# client .env file

REACT_APP_CLOUDINARY_CLOUD_NAME =


REACT_APP_BACKEND_URL =

# Assets File
Google Drive : https://drive.google.com/drive/folders/1i4PyqWy3Iai2xjIc4uNyCze_Tnp7XOZq?usp=drive_link

# Screen Shots
[PDF Link](https://github.com/BottomsNode/MERN-Chat-App/blob/main/Screen-Shots.pdf)