code-wizard91 / Secure-Chat-ReactJs-Node-Express

This chat app is built using React Js on the front end and Node Js and Express on the backend. The application features a fully secure real-time chat utlising Socket.io. I have also Dockerized the application and have deployed the app to a autoscaling kubernetes cluster

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

React Js Chat Applicattion | With a NodeJs/Express/Socket.io Backend API

About:

Chat app built using React (React on the frontend) and NodeJS/Express/Socket.io Backend.

Users are able to join a chat room and message other users in real-time.

Tech Stack:

  • React
  • React Router 4
  • Moment JS
  • SASS
  • NodeJS/Express
  • SOCKET.IO

Screenshot

How to run the app

Before proceeding, please ensure you have the following software installed on your computer.

  • Docker
  • Docker-compose
  • Git

Useful links

Install Docker on Linux

Add yourself to the docker group

  • sudo usermod -aG docker $(whoami)

Install Docker-Compose

Download Curl

  • sudo apt install -y curl jq

Set version to download (latest)

Download to /usr/local/bin/docker-compose

Make the file executable

  • sudo chmod +x /usr/local/bin/docker-compose

Getting started

Download & Install Dependencies on your machine

  • Clone the repo to your machine
  • Run " docker-compose up -d " from inside root directory of the project

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

About

This chat app is built using React Js on the front end and Node Js and Express on the backend. The application features a fully secure real-time chat utlising Socket.io. I have also Dockerized the application and have deployed the app to a autoscaling kubernetes cluster


Languages

Language:JavaScript 50.1%Language:CSS 44.3%Language:HTML 4.9%Language:Dockerfile 0.8%