/mern-chat-app

Realtime Chat App with React, Node.js, Socket.io and MongoDB. Adding the fracher like Register Functionality,Login Functionality,Set Avatar/Profile Picture,Chat Container Setup,All Contacts,Chat Header,Chat Input,Chat Messages

Primary LanguageJavaScript

mern-chat-app

Realtime Chat App with React, Node.js, Socket.io and MongoDB

Adding the fracher like Register Functionality,Login Functionality,Set Avatar/Profile Picture,Chat Container Setup,All Contacts,Chat Header,Chat Input,Chat Messages

login Page

image

Registitation Page

image

loading

image

## avatar

image

image

Chat

image

chat-app.mov

How to own this

Must have in Yor System (STAP 1)

  • node
  • mongo
  • npm

STAP-2

git clone https://github.com/pattjoshi/mern-chat-app.git

STAP 3 (public is front-end) local host 3000

  • cd public
  • yarn
  • yarn start

STAP 4:- (server is back-end) local host 5000

  • cd server
  • yarn
  • yarn start

🙏 If you find this repo helpful then don't forget to give a star ❇️ to this repository. :)