Skip to content

ChatSwap: A real-time messaging app powered by React.js, Node.js, Socket.IO, and MongoDB, offering seamless communication with user authentication, emoji support, and easy logout functionality.

License

Notifications You must be signed in to change notification settings

yashsharma127/ChatSwap

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

47 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

ChatSwap

A simple full-stack chat application built with React.js for the frontend and Node.js with Socket.IO for the backend. This application allows users to chat in real-time, leveraging MongoDB for database storage. Application is created for application of socket.io for realtime chatting

User Interface

Features and Technologies used

  • Real-time chat functionality using Socket.IO.

  • User authentication.

  • MongoDB for database storage.

Prerequisites

Before you can use this application, ensure you have the following prerequisites:

  • Node.js and npm installed
  • MongoDB installed and running ( locally )
  • Docker installed and running (optional)
  • Git and GitHub account (for hosting)

Setup

  1. Clone this repository (if you haven't already):

    git clone https://github.com/yashsharma127/ChatSwap.git
    cd ChatSwap
  2. Now rename env files from .env.example to .env

     cd client
     mv .env.example .env
     cd ..
     cd server
     mv .env.example .env
     cd ..
  3. (optional) If want to run using docker:

    (note 1: remember to change MONGO_URL="mongodb://localhost:27017/chat" to MONGO_URL="mongodb://<host_machine_ip>:27017/chat" in server .env )

     docker-compose up

    (note 2: if got bcrypt error run docker exec -it <backend-container-id> npm rebuild bcrypt --build-from-source in terminal and re-run the above command)

  4. If want to run locally:

    For Frontend :

     cd client
     npm install
     npm start

    For Backend:

    cd server
    npm install
    npm start
    

Note

Make sure to configure MongoDB connection settings in server.js before running the server.

This application is a starting point and can be expanded with additional features and improvements. Happy chatting!

About

ChatSwap: A real-time messaging app powered by React.js, Node.js, Socket.IO, and MongoDB, offering seamless communication with user authentication, emoji support, and easy logout functionality.

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published