MERN Stack-Chat App

Chit Chaat 🗯️

🖊️ An interface for real-time chatting
This App built using React, MongoDB, ExpressJs, NodeJs, PassportJS and Socket.IO

Table of contents

• Features
• Screenshot
• Built with
• Setup
• Author
• Deploy Link

Features

• User Authentication, including Google Authentication
• Real-time messaging with support for text, image, video, document, and GIF
• Group messaging
• Notifications
• User profile updates

Screenshots

• Sign Up
  

• Sign In
  

• Chat Page
  

Built with

• MongoDB
• Express.js
• React
• Node.js
• Socket.IO
• PassportJS (JWT & Google OAuth)
• Chakra UI

Setup

Backend Setup

1. Clone the repository.
2. Navigate to the server directory: cd server.
3. Install backend dependencies: npm install.
4. Create a .env file to add the required information.
5. Start the backend server: npm start.

Frontend Setup

1. Open another terminal window.
2. Navigate to the client directory: cd client.
3. Install frontend dependencies: npm install --force.
4. Create a .env file to add the required information.
5. Start the frontend server: npm start.

Viewing the Project

1. Open your browser and go to http://localhost:3000/ to view the project.

Author

• Subha Biswal

Deployed Link

• Chit Chaat