Skip to content

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

Notifications You must be signed in to change notification settings

pattjoshi/mern-chat-app

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

12 Commits
 
 
 
 
 
 
 
 

Repository files navigation

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. :)

About

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

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published