Chatter (Typescript)

Built with Node js, Express, MongoDB, React.

Functionalities

• Search Users.
• One - One Chat.
• Delete message
• Google auth
• JWT Authentication.
• Sockets

Tech

• Frontend : React
• Backend : Express
• Database : MongoDB Atlas
• Routing : React Router Dom V6

Installation

Clone

• Clone this repo with url https://github.com/Malchieldev/chatter

Setup

Install npm dependencies using npm install

$ npm install && cd client && npm install

Set up a MongoDB database either locally or provision a free database with MongoDB Atlas

Create a .env file in the root directory

Set up required environment variables.

DB_NAME = Mongo DB name
DB_USERNAME = Mongo DB username
DB_PASSWORD = Mongo DB user - password
GOOGLE_CLIENT_ID = google client ID
GOOGLE_CLIENT_SECRET = google client secret
ROOT_SERVER_URL = root server url
ROOT_SERVER_PORT = root server port
JWT_SECRET = your JWT secret
JWT_LIFETIME = JWT lifetime 

Create a .env file in the client directory

Set up required environment variables.

REACT_APP_ROOT_SERVER_URL = root server URL
REACT_APP_ROOT_SERVER_PORT = root server port
REACT_APP_GOOGLE_CLIENT_ID = google client ID
REACT_APP_NAME = App name

In the root directory (backend) and client directory (frontend) run the following command

npm start

Screenshots

Signup

Main chat

Profile of current user

Profile of another user