Realtime ChatApp

Setup & Run   🚗

1. Install dependencies

yarn install / npm install

2. Start backend server (express)

yarn start / npm start

3. Initiate the front end (React)

node server.js

4. You should now be able to connect at the designated port.

Build   🔨

1. Build the front-end

yarn build / npm build

2. Move server.js into the same directory as the build folder

3. Setup package

yarn init / npm init

4. Install server dependencies (client side have already been built)

yarn add express socket.io / npm install express socket.io

5. Launch server

node server.js

Deployment   📦

The active example is deployed using Heroku.For more information visit their documentation to learn how to deploy.

Note: Varying approaches could be taken. Ie, deploying the front end and back end individually + using CORS. The active example dishes the built html as well as socketio server.

Tech Stack   🧰

1. Express
2. Socket.IO
3. React
4. tailwindcss