Skip to content

CrypticMessenger/Live_Chat_Web_App

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

39 Commits
 
 
 
 
 
 
 
 

Repository files navigation

Live Chat Web App

- Live Web app made using ReactJS, MongoDB, SocketIO and NodeJS. (Currently in process of deployment)
- Collaborated by Amit Kumar (Profile) and Ankit Sharma (Profile) .
- Tip before moving to next section: unmute audio from the video for best experience.

Video Demo💻

MainTut.mp4

Screenshots📸

  • Registeration new user

-

Login page

-

Choose Avatar

-

Chat entry

-

Communication - feel the dynamic chat experience with emojis.

Steps to Start the App locally🪜

  • Install the Public Dependencies

    • make sure you are in public directory.
    • run following command
    npm install
    
  • Install the Server Dependencies

    • make sure you are in Server directory.
      • run following command
    npm install
    
  • In the Server Directory there's a .env file. Change the value of mongodb inside the file. Set the value as your mongodb connection url.

  • Run server by running following command (before this, make sure you are in server directory)

    npm start
    
  • Run application by running following command (before this, make sure you are in public directory )

    npm start
    
  • Happy Chatting!!

About

Live chat webapp with support of multiple users and intuitive UI using MERN stack.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 93.8%
  • HTML 4.6%
  • CSS 1.2%
  • Shell 0.4%