https://github.com/siddheshafc/real-time-chatapp

A web application for real-time chat communication built with React and Socket.IO, which allows users to sign up, add friends, and talk with them in real-time.
https://github.com/siddheshafc/real-time-chatapp

authentication backend frontend postgresql react redis socket-io

Last synced: 24 days ago
JSON representation

A web application for real-time chat communication built with React and Socket.IO, which allows users to sign up, add friends, and talk with them in real-time.

• Host: GitHub
• URL: https://github.com/siddheshafc/real-time-chatapp
• Owner: siddheshafc
• Created: 2023-01-24T10:44:22.000Z (almost 2 years ago)
• Default Branch: master
• Last Pushed: 2023-01-28T12:54:21.000Z (almost 2 years ago)
• Last Synced: 2024-11-05T21:25:26.679Z (2 months ago)
• Topics: authentication, backend, frontend, postgresql, react, redis, socket-io
• Language: JavaScript
• Homepage: https://siddheshchatapp.netlify.app/
• Size: 222 KB
• Stars: 2
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Real-Time-Chatapp

## Description: 

A web application for real-time chat communication built with React and Socket.IO, which allows users to sign up, add friends, and talk with them in real-time.

- client - React.js Chakra UI as frontend

- server - Node.js-Express as backend

## Technologies used:

* Front-End: React.js and Chakra UI

* Back-End: Node.js / Express.js / Socket.io

* Authenticaion: JWT

* Database: PostgreSQL and Redis

## Installation:

* Clone the repository

* CD into the repository and run ```npm install```

* Make sure redis is installed in your system ```redis-cli``` functions properly

* Create a postgres database and a table called users.

* Create a file named ```.env``` in ```./packages/server``` and make sure it has the following variables defined:


DATABASE_NAME=


DATABASE_HOST=


DATABASE_USER=


DATABASE_PASSWORD=


DATABASE_PORT=


JWT_SECRET=

* Run ```npm start``` for frontend and ```npm run dev``` for backend