/E-Talk

Chat app using react js

Primary LanguageJavaScript

Logo

E-Talk

E-Talk is a basic chat Application that is build using the MERN Stack stands for MongoDB, ExpressJS, ReactJS, NodeJS.

Live Website

Features

  • Sign Up
  • Sign In
  • Email Verification
  • Forgot Password
  • Reset Password
  • Dark/Light mode
  • one-on-one
  • Group Chat
  • Group Creation with min 3 users
  • Chat Theme
  • Update Profile Image
  • Update Profile Details
  • View others profile
  • Fully Responsive

Tech Stack

Client: React, Redux, TailwindCSS

Server: Node, Express

Deployment: Vercel(Frontend), Backend(Render)

Installation Guide

To Run E-Talk project on local system follow the simple steps:

Step-1

clone this project on your local system

  git clone https://github.com/Nitesh52221/E-Talk.git
  cd E-Talk

Step-2 Installing Dependency

Installing Dependency for client and Server both

  cd E-Talk

To Installing Dependency for client

  cd client
  npm i

To Installing Dependency for server

  cd server
  npm i

Step-3 Adding Environment Variables

To run this project, you will need to add the following environment variables to your .env file

Environment Variables for Client

REACT_APP_SERVER_ACCESS_BASE_URL

Environment Variables for Server

MONGO_URL

JWT_SECRET

CLOUDINARY_CLOUD_NAME

CLOUDINARY_API_KEY

CLOUDINARY_API_SECRET

SMPT_SERVICES

SMPT_MAIL

SMPT_PASSWORD

SMPT_HOST

SMPT_PORT

CLIENT_ACCESS_URL

Step-4 Start the Application on local machine

To Start Frontend Server(or client):

Move into client Directory by

  cd client

start the Frontend server by

  npm start

after ruunning this command, It will start after some time.

To Start Backend Server(or server):

Move into server Directory by

  cd server

start the Backend server by

  npm start

To start the server automatic after every changes we have to run this command :

  npm run dev

after starting the both Frontend and Backend server you can access application on the browser.

Screenshots

image

image

Authors

Feedback

If you have any feedback or Suggestion, please reach out to us at etalkhelp12@gmail.com