- 🤖 Introduction
- ⚙️ Tech Stack
- 🔋 Features
- 🤸 Quick Start
Quick Chat App is a real-time messaging application that allows users to communicate instantly with each other. Built with a modern tech stack, it ensures seamless and efficient communication.
👉 User Authentication: Secure signup and login functionalities to ensure user data privacy and protection.
👉 Real-time Messaging: Instantaneous message delivery and reception, providing a seamless chat experience.
👉 Read Receipts: Visual indicators to show when messages have been read by the recipient.
👉 Online Status Indicator: Real-time display of users' online or offline status, enhancing engagement.
👉 Typing Indicator: Live notifications when a contact is typing, making conversations more interactive.
👉 Profile Management: Users can create and update personal profiles, including avatars.
👉 Image Sharing in Chat: Seamless sharing of images within the chat, enriching the communication experience.
👉 Emoji Support: A wide range of emojis to express emotions and reactions within conversations.
These features collectively provide a comprehensive and engaging real-time chat application experience.
Follow these steps to set up the project locally on your machine.
Prerequisites
Make sure you have the following installed on your machine:
Cloning the Repository
git clone https://github.com/debasishbihari/quick-chat-app.git
cd quick-chat-app
Installation
Install the project dependencies using npm:
cd client
npm install
cd server
npm install
Set Up Environment Variables
Create a new file named config.env
in the root of server folder and add the following content:
PORT_NUMBER =
CONN_STRING =
SECRET_KEY =
Replace the values with your actual credentials. You can obtain CONN_STRING by signing up & creating a new database on the MongoDB Cloud. Add a Port Number and secret key of your own.
Running the Project -For server
npm run dev
-For client
npm start