Chat Application Using React, Node.js and Socket.io with MongoDB

Overview

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 of mongodb inside the file. Set the value as your mongodb connection url.

Now start the server by yarn start

Now start the react by yarn start

And the chat application would be running successfully by now.

You might also like...
A chat application created using React,js and Chat Engine

⭐️ Chat-App ⭐️ A Chat Application created using React.js and Chat Engine Live Site Getting Started with Create React App This project was bootstrapped

a chat application using react chat-engine api

Getting Started with Create React App This project was bootstrapped with Create React App. Available Scripts In the project directory, you can run: np

Hexlet-chat: a simple real-time chat application using react

Hexlet tests and linter status Hexlet-chat study project at hexlet.io Overview H

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

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:

CoderHouse - A Clubhouse project using Node, Express, Mongo, webRTC, socket.io, and React JS

codershouse-mern - This Project is Under Development. Below are some of the impl

Chat Loop is a highly scalable, low-cost, and high performant chat application built on AWS and React leveraging GraphQL subscriptions for real-time communication.
Chat Loop is a highly scalable, low-cost, and high performant chat application built on AWS and React leveraging GraphQL subscriptions for real-time communication.

Chat Loop is a highly scalable, low-cost, and high performant chat application built on AWS and React leveraging GraphQL subscriptions for real-time communication.

A React Realtime Chat Application with Social Auth and dedicated chat APIs/sockets.
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

A full Realtime Chat Application with Social Auth and dedicated chat APIs/sockets.
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

Comments
  • MongooseError

    MongooseError

    Help for this error MongooseError: Operation users.findOne() buffering timed out after 10000ms at Timeout. (C:\CHAT\chat-app\server\node_modules\mongoose\lib\drivers\node-mongodb-native\collection.js:148:23)

    opened by suhartoschn 11
Owner
Kishan Sheth
I am a kind of guy who likes programming at its core; excellent communication as well as leadership skills. Detail oriented and organized professional
Kishan Sheth
Realtime Chat App with React, Node.js, Socket.io and MongoDB

reactchatapp Realtime Chat App Features/Components Uses React Js for UI Backend using NodeJs Authentication using JWT MongoDB for database Socket.io f

Aayush Jha 15 Dec 22, 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
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

Midhun Chandran 12 Jun 12, 2022
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

Lucifer1123 1 Dec 22, 2021
🗣 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
⚡️ 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
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
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
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

KrYmZiN 7 Jun 2, 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