HiChat - Seamless Communication!

Description

Say Hello to Seamless Communication! 🚀

HiChat is your ultimate destination for hassle-free communication. Say hello to friends, family, and colleagues with ease using our intuitive platform.

Check out the live version of HiChat HERE🔗.

Demo accounts

user 1

• email: [email protected]

• pass: 1234

user 2

• email: [email protected]

• pass: 1234

Table of Contents

• Features
• Screenshots
• Technologies Used
• Team
• Installation
• Contributing
• License

Features

Basic

• User Authentication.
• Real-Time Messaging.
• Media Sharing.
• Voice and Video Calling
• Group Messaging
• User Profile and Settings

Advanced

• Search and Filter
• Notifications
• Custom Emojis
• Cross-Platform Compatibility

Screenshots

Home Page

Chatting Window

Calling Window

MY Profile

Technologies Used

Frontend:

• React
• Material-UI
• Socket.io

Backend:

• Node
• Express

Database:

• MongoDB

Other:

• Zego Cloud

Team

Atmajit Sahoo

Rohan Rao

Sandipan sarkar

Yogesh Kumar Sai

Installation

This project consists of two components: the frontend and backend.

• frontend, made in reactjs
• backend in express and nodejs

 git clone https://github.com/Sandipan103/HiChat.git

cd HiChat

Setting up frontend

#currently inside the HiChat folder
cd frontend
npm i

run npm start and frontend will start

Setting up backend

#currently inside the HiChat folder
cd backend
npm i
touch .env
#above command will create a env file , put the necessary keys in there

env file

PORT = 4000
DB_URL = DB_URL
MAIL_HOST = smtp.gmail.com
MAIL_USER = YOUR_EMAIL_ID
MAIL_PASS = YOUR_EMAIL_PASS
JWT_SECRET = JWT_TOCKET

backend setup done, now hit the most favourite command npm start

Contributing

Contributions are welcome! Feel free to fork the repository and submit pull requests to contribute to the development of HiChat.

License

MIT