Skip to content

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.

Notifications You must be signed in to change notification settings

debasishbihari/quick-chat-app

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

17 Commits
 
 
 
 
 
 

Repository files navigation

  1. 🤖 Introduction
  2. ⚙️ Tech Stack
  3. 🔋 Features
  4. 🤸 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.

  • React
  • Redux Toolkit
  • Tailwind CSS
  • Node.js
  • Express.js
  • MongoDB
  • Socket.io
  • Cloudinary

👉 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

About

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.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published