Real-time-Chat-app

About:

This is a real-time chat application built using Html, Css and JavaScript. and Socket.IO for web socket connections.

Users are able to join groups and message other users in real-time.

Tech Stack

• NodeJs/Express
• Socket.IO

Languages

• HTML
• CSS
• JavaScript

Screenshots

Video Demo

Link:https://drive.google.com/file/d/1ZFeFC4P-mHkplDfTE8vXjPLODHjW0bhQ/view?usp=share_link

Software

• Node
• Git command line tools

Useful links

Download Git CLT - Windows: https://git-scm.com/download/windows Mac: https://git-scm.com/download/mac Download Node - https://nodejs.org/en/ Download Yarn CLT - https://yarnpkg.com/lang/en/docs/install/ Download VSCode - https://code.visualstudio.com/

Getting started

Please fork a copy of this repository. Forking a repository allows you to freely experiment with changes without affecting the original project. Alternatively download or clone the master branch.

Download & Install Dependencies on your machine

Clone the repo to your machine

  git clone <CloneURL>

Lunch the backend

• Within terminal or cmd ensure you have navigated inside the 'Backend' directory and installed the dependencies

cd <../path/to/Backend> 
yarn install OR npm install

• Run the start script

yarn run start OR npm run start

Lunch the frontend

• Open a new terminal window and navigate inside the 'Frontend' folder as you will need to keep the backend running in the background

cd <../path/to/Frontend> 
yarn install OR npm install

• Run the start script

yarn run start OR npm run start

Your app should be running on: http://localhost:3000