koolkishan / chat-app-react-nodejs

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

Home Page:https://www.youtube.com/watch?v=otaQKODEUFs

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

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

  • This method requires docker and docker-compose to be installed in your system.
  • Make sure you are in the root of your project and run the following command.
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.

About

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

https://www.youtube.com/watch?v=otaQKODEUFs


Languages

Language:JavaScript 93.7%Language:HTML 4.5%Language:CSS 1.2%Language:Dockerfile 0.6%