GCONNECT - Real Time Chat Application

GCONNECT is chat application built with the power of MERN Stack.

Tech Stacks : ReactJs | Nodejs | Socket.io | MongoDb

Register Page

image

Login Page

image

Select Profile picture - Avatars are dynamically generated from the Multi-Avatar API.

image

Welcome Page

image

When user1 and user2 join the chat.As we can see user1 and user2 have joined the same room and they are communicating with each other through chat.

image

Installation Guide

Requirements

Both should be installed and make sure mongodb is running.

git clone https://github.com/gautamkumar1/GCONNECT-APP.git
cd GCONNECT-APP

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.