https://github.com/mahikagarg09/customer-support
It is a customer support messaging website which aims to handle high volume of customer inquiries.
https://github.com/mahikagarg09/customer-support
mongodb nodejs reactjs restful-api socket-io tailwind-css
Last synced: 2 months ago
JSON representation
It is a customer support messaging website which aims to handle high volume of customer inquiries.
- Host: GitHub
- URL: https://github.com/mahikagarg09/customer-support
- Owner: Mahikagarg09
- Created: 2024-10-17T14:07:49.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2024-11-09T05:33:04.000Z (over 1 year ago)
- Last Synced: 2025-03-01T14:42:55.639Z (over 1 year ago)
- Topics: mongodb, nodejs, reactjs, restful-api, socket-io, tailwind-css
- Language: JavaScript
- Homepage: https://customer-support-messaging.vercel.app/
- Size: 256 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: readme.md
Awesome Lists containing this project
README
# Customer Supoort Web App
## Introduction
Welcome to the **Customer Support Web App**! This application is designed to efficiently manage a high volume of customer inquiries and facilitate seamless communication between customers and support agents. It enables multiple agents to log in simultaneously and respond to customer messages in real time.
This README provides comprehensive instructions for setting up, running, and testing the application.
## Features
### Core Functionality
- **Agent Messaging Portal**: An intuitive interface for agents to view and respond to customer messages.
- **Message Management**: Robust storage and retrieval of messages using a database.
- **Simulated API Endpoint**: A simple web form that simulates incoming customer messages for testing purposes.
### Advanced Features
- **Work Division**: Mechanism to ensure that multiple agents do not work on the same message simultaneously.
- **Search Functionality**: Allows searching through incoming messages and customer inquiries.
- **Real-time Updates**: Utilizes websockets to provide real-time message updates, enhancing responsiveness.
## Getting Started
### Prerequisites
Before you begin, ensure you have the following installed on your machine:
- Node.js (v14.x or later)
- npm (v6.x or later)
- A modern Integrated Development Environment (IDE) such as VS Code
- A modern web browser
### Installation Steps
1. **Clone the Repository**
```bash
git clone https://github.com/Mahikagarg09/Customer-Support.git
cd customer-support
```
2. **Set Up the Server**
```bash
cd server
npm install
node index.js
```
3. **Set Up the Client**
```bash
cd client
npm install
npm run dev
```
4. **Access the Application**
The application will be available at **http://localhost:5173**.
## Technology Stack
- **Frontend**:
- React.js
- Tailwind CSS
- **Backend**:
- Node.js
- Express.js
- Socket.io
- **Database**:
- MongoDB
- **Deployment**:
- Render and Vercel
## Snapshots
**Customer Portal**
**Agent Portal**
## Live Application
You can access the live version of the application here:
[Branch Messaging Web App](https://customer-support-messaging.vercel.app/)
[Demo Video](https://www.loom.com/share/3d7952201ec84e1b915b0e82c4738612?sid=48371d75-0436-4689-84ff-fd3aca38f790)