niteshtiwari52 / E-Talk

This is a Chat Application developed Using MERN Stack. The deployed website link is :

E-Talk

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

Live Website

• E-Talk

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

Authors

• @narendercoder
• @niteshtiwari52
• @Rituresh143

Feedback

If you have any feedback or Suggestion, please reach out to us at [e-mail]