Skip to content

ShofiqulShuvo/MERN-Chat_App

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

23 Commits
 
 
 
 
 
 
 
 

Repository files navigation

MERN Chat App

installation

open two terminal in your root directory

First Terminal
    cd frontend
    npm install
Second Terminal
    cd backend
    npm install

Setup Env File

open sample.env from both frontend and backend, then set env value according to instruction. then rename sample.env to .env


Commands for run the app

First Terminal
    npm start
Second Terminal
    npm start

Use App

open http:\\localhost:3000 or which url your react app run in two browser and then chat


Used tools and technology

frontend

  • React
  • Redux
  • Redux-toolkit
  • React-router-dom v6
  • react-scrollable-feed
  • socket.io-client
  • React-toastify
  • Bootstrap
  • React-icons

backend

  • express
  • mongoose
  • socket.io
  • cors
  • dotenv
  • bcrypt
  • jsonwebtoken
  • multer
  • nodemon
  • http-errors
  • uuid