ishanaudichya / AudiChat-client

Fullstack chat-app for users using react

AudiChat - Real-time Chat App

AudiChat is a real-time chat application that allows users to seamlessly communicate with each other. Whether you want to connect with friends, family, or colleagues, AudiChat provides a user-friendly interface for chatting, sharing images and videos, and ensuring your messages are delivered and read.

Link to website => https://audi-chat.netlify.app/
Backend server hosted on => https://chatapp-server-jlp7.onrender.com/

Imp!!! - make sure to wait for some time after pressing login, backend server is booted as soon as there is request and takes a few seconds

Features

• User Registration: Create a new account to start using AudiChat or sign in if you already have an account.
• Real-time Messaging: Engage in real-time conversations with friends and family.
• Image and Video Sharing: Share images and videos within your conversations using the built-in ChatEngine.
• Read Receipts: Know when your messages have been delivered and read by the recipients.
• Secure Authentication: Your data is safe with our secure authentication system.

Technologies Used

• Front:React.js
• Backend: Node.js, Express.js
• Real-time Messaging: ChatEngine
• Authentication: JWT

Getting Started

How to Use

1. Create a new account by creating a username, entering emailid and fullname or simply signing in with registered id.
2. You will be automatically logged in to basic chat window
3. On left you can see the list of people you have chatted with before
4. You can click on any one and it will open the previos chats
5. You can text or upload items with the 📎 icon or delete chat with 🗑️ icon.
6. Also add new users from the list
7. Text messages delivered are denoted by 🔵 and read by 🟣

Contributing | Cloning

Contributions are welcome! If you have any suggestions or improvements, feel free to create an issue or submit a pull request.

To run the code on the local machine. Clone the repository using

 git clone https://github.com/ishanaudichya/AudiChat-client.git

Install the node modules using

npm install 

Host the client website on you local machine by command

npm run start

The site will run on port 3000

License

This project is licensed under the MIT License.