Skip to content

dhrumitpatel48/chat-app

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

29 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Awesome Chat Web Application

Welcome to the Awesome Chat Web Application! This is a web-based chat application built using Node.js, Express.js, React.js, MongoDB, HTML, CSS, Bcrypt.js, and Socket.io for real-time communication.

Technologies Used

  • Node.js
  • Express.js
  • React.js
  • MongoDB
  • Socket.io
  • Bcrypt.js
  • HTML
  • CSS

Screenshots

  1. Register Page Chat Application Screenshot
  2. Login Page Chat Application Screenshot
  3. Home Page Chat Application Screenshot
  4. Chat Container Chat Application Screenshot

Features

  • Real-time messaging using Socket.io
  • User authentication and password hashing with Bcrypt.js
  • Persistent storage of messages using MongoDB
  • Responsive and user-friendly frontend built with React.js
  • API using Express.js

Installation

  1. Clone the repository: https://github.com/dhrumitpatel48/chat-app.git
  2. Navigate to the project directory: cd chat-app
  3. Navigate to server directory: cd server
  4. Install server dependencies: npm install
  5. Navigate to the client directory: cd public
  6. Install client dependencies: yarn install

Usage

  1. Now Navigate to the Server and Start the server: npm start
  2. Navigate to the client and start the client: cd public then yarn start
  3. Open your browser and visit: http://localhost:3000

Contributing

Contributions are welcome! Please feel free to submit a pull request or open an issue if you find any bugs or want to improve the application.

For more detailed information on how to structure your README and what to include, you might want to check out the GitHub Guide to Writing a README.

About

Chat App

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors