Realtime Chat App with React, Node.js, Socket.io and MongoDB

Overview

reactchatapp

Realtime Chat App

Features/Components

  • Uses React Js for UI
  • Backend using NodeJs
  • Authentication using JWT
  • MongoDB for database
  • Socket.io for realtime communication
  • CSS - styled components
  • Responsive

Installation

Once you have downloaded or cloned this repository, run npm install inside the directory. Change the mongoDB url.

You might also like...
A Realtime Chat Application based on React Native and Expo with backend as AWS Amplify
A Realtime Chat Application based on React Native and Expo with backend as AWS Amplify

WhatAppClone based on React Native for iOS [WhatAppClone] is a basic chat application made with React-Native. NOTE:- BACKEND SUPPORT COMING SOON..(via

In this video, we will create a full Realtime Chat Application.
In this video, we will create a full Realtime Chat Application.

This is a code repository for the corresponding video tutorial. In this video, we will create a full Realtime Chat Application. We're going to use React on the front end, with NodeJS + Socket.io web socket library on the back end. By the end of this video, you will have a strong understanding of how to send and receive messages using web sockets and Socket.io to make any real-time application.

Chat rooms using react and socket.io
Chat rooms using react and socket.io

Chat rooms This is a project I made to try out socket.io Both react and socket.io (at the time of writing) are relatively new to me. Running Locally R

Small chat system written by React, Socket.IO, Express, HTTP and Cors.
Small chat system written by React, Socket.IO, Express, HTTP and Cors.

React-SocketIO Chat System The project is a small chat system which socket server has been written by Socket.IO, Express, HTTP, Cors and etc., and Rea

A real-time chat application made using ReactJs, ExpressJs, NodeJs, and Socket.io.
A real-time chat application made using ReactJs, ExpressJs, NodeJs, and Socket.io.

insta-chat Live Site ScreenShots Instachat is a real-time chat app made with ReactJs on the front-end and ExpressJs , NodeJS , Socket.io web socket li

Example of chat web application using Socket.IO with the MERN stack Client in React

Real time chat app Example of chat web application using Socket.IO with the MERN

💘 Dating app - Built with Node, React, Postgres, Socket.io & Material-UI
💘 Dating app - Built with Node, React, Postgres, Socket.io & Material-UI

Built with Node, React, Postgres, Socket.io & Material-UI The project Matcha is a dating app with the following features: 🌈 non-binary

Chat-app-frontend - A chat app massenger with expressjs and reactjs
Chat-app-frontend - A chat app massenger with expressjs and reactjs

Chat App Messenger A chat app messenger with expressjs and reactjs Contact with

Discord Clone using React, Node, Express, Socket-IO and Mysql
Discord Clone using React, Node, Express, Socket-IO and Mysql

React Discord Clone Functional Discord Clone written in Typescript using React, Socket IO, NodeJS, Express and MySQL View the live verison at - http:

Owner
Aayush Jha
Full Stack Developer in Progress || Oracle ERP Developer too..
Aayush Jha
Chat Application Using React, Node.js and Socket.io with MongoDB

Steps to Start the App Install the Public Dependencies Install the Server Dependencies In the Server Directory there's a .env file. Change the value o

Kishan Sheth 244 Dec 31, 2022
Online Marketplace Built with MERN stack (MongoDB, Express, React and Node)Online Marketplace Built with MERN stack (MongoDB, Express, React and Node)

?? Shopping App ?? Online Marketplace Built with MERN stack (MongoDB, Express, React and Node). ⚡️ ⚡️ ⚡️ Kiwi Shop ⚡️ ⚡️ ⚡️ ?? Table of contents Main

Tomiwa Adeyemi 10 Dec 23, 2022
⚡️ realtime scalable server performance monitor application built using react, node, redis and socket.io with clusters module.

PERFMonitor - Performance Monitoring System Introduction PERFMonitor is a web application that shows you performance and problems of one or more serve

Dulaj Kavinda 13 Jul 31, 2022
A React Realtime Chat Application with Social Auth and dedicated chat APIs/sockets.

Chat-Room This is a fully responsive React chat application with social authentication including Google and Facebook using Firebase online statuses, g

Arindam Goswami 5 Sep 8, 2022
A full Realtime Chat Application with Social Auth and dedicated chat APIs/sockets.

Iced-Chat A full Realtime Chat Application with Social Auth and dedicated chat APIs/sockets. It uses Firebase(from google) for auth. It also uses Chat

Tindi Brown 13 Dec 27, 2022
React-realtime-example - Example Demonstrating React with Realtime API Backend

Getting Started with React Realtime Example App This project contains two folder

Haitham Sweilem 1 Jan 6, 2022
🗣 React + Node.js + MongoDB Real-time chat WebApp

React + Node.js + MongoDB Real-time chat WebApp for teachers and students React16,React-Router4,Redux,Node.js,MongoDB,Antd-Mobile The project is divid

Xingbo Jia 5 Nov 1, 2022
A Collabration Web-App using Express, React and Socket.io where Mutiple People can Join a Private room and Chat, Draw Among themselves. This project was selected as one of the best project at Tinkerhub Hacknight

A Collabration Web-App using Express, React and Socket.io where Mutiple People can Join a Private room and Chat, Draw Among themselves. This project was selected as one of the best project at Tinkerhub Hacknight

NzM 13 Dec 15, 2022
Video chat app built using React, Socket.io and WebRTC

Video Chat Web App It has been built using React, Material UI, Socket.io and WebRTC To open this on your browser click here Backend has been deployed

Thejas N U 4 Sep 23, 2022
Discord-clone - Discord Clone using React, ReactQuery, Tailwindcss, Redux, Socket IO, NodeJS, Express, MongoDB and Redis

Discord Clone using React, ReactQuery, Tailwindcss, Redux, Socket IO, NodeJS, Ex

Milad Ranjbar 205 Dec 18, 2022