koolkishan / chat-app-react-nodejs

Chat Application Using React, Node.js and Socket.io with MongoDB
https://www.youtube.com/watch?v=otaQKODEUFs
780 stars 558 forks source link
chat-room chatapp chatapplication chatsocket fullstack-development fullstack-javascript mern-project mern-stack mongodb nodejs reactjs socket-io

Snappy - Chat Application

Snappy is chat application build with the power of MERN Stack. You can find the tutorial here

login page

home page

Installation Guide

Requirements

Both should be installed and make sure mongodb is running.

Installation

First Method

git clone https://github.com/koolkishan/chat-app-react-nodejs
cd chat-app-react-nodejs

Now rename env files from .env.example to .env

cd public
mv .env.example .env
cd ..
cd server
mv .env.example .env
cd ..

Now install the dependencies

cd server
yarn
cd ..
cd public
yarn

We are almost done, Now just start the development server.

For Frontend.

cd public
yarn start

For Backend.

Open another terminal in folder, Also make sure mongodb is running in background.

cd server
yarn start

Done! Now open localhost:3000 in your browser.

Second Method

docker compose build --no-cache

after the build is complete run the containers using the following command

docker compose up

now open localhost:3000 in your browser.