Frontend Reposiery Here
You can watch a walkthrough of the website from Here
- Project Title
- Demo
- Table of contents
- Description
- Technology Stack
- Microservices and Ports
- Usage
- .env.example
- List of Features
- Preview
- Contributers
Desk Mate is a Help Desk Software project designed with a microservices architecture, aimed at creating a robust application using the MERN stack (MongoDB, Express.js, React.js, Node.js), complemented by Tailwind CSS for streamlined and efficient styling. Focused on improving support and ticketing processes, the software incorporates features such as user management with role-based access, a comprehensive ticketing system for issue categorization and prioritization, an organized Knowledge Base for quick problem resolution, and communication tools including an integrated email and notification system and real-time chat functionality. Additionally, Desk Mate integrates an advanced AI chatbot, providing users with intelligent and instant assistance. The AI chatbot enhances the user experience by offering prompt responses and solutions. The system further includes responsive design for seamless usage across various devices, robust logs for real-time issue tracking, and Multi-Factor Authentication (MFA) to enhance overall security. Reporting and analytics features provide insights into ticket status, resolution time, and agent performance, while automation and workflows streamline repetitive tasks. The emphasis on customization, branding, security measures, and data protection ensures a well-rounded solution.
- React.js - Frontend Framework
- Node.js with Express.js - Backend Framework
- MongoDB - Database
- Tailwind CSS - CSS Framework
- JSON Web Tokens (JWT) - Authentication
- Socket.io - Real-Time Communication
- JOI - Backend Input Validation
- Users Microservice: Port 5001
- Tickets Microservice: Port 5002
- Notifications Microservice: Port 5003
- Chat Microservice: Port 5004
- Middleware Microservice: Port 5005
- Knowledge Base Microservice: Port 5006
- Logging Microservice: Port 5007
- Ticket Classifier Microservice: Port 5012
- Bot Microservice: Port 5008
- Clone this project
- Download Dependencies (MongoDB,node,react...)
- Make a .env file and use the .env.example
- Open terminal in the project folder then run python .\initializeAll.py
- Then run python .\runAll.py
- Clone the Front End files from this repo : Link
- Open terminal in the front end project folder then run npm i command
- Make a .env file and use the .env.example from the frontend repositries
- Run npm start in the frontend folder and wait a min or two
- Enter in your browser http://localhost:3000/
CLIENT_URL="http://localhost:3000"
PORT=
CONNECTION_URL=
ACCESS_TOKEN_SECRET=
REFRESH_TOKEN_SECRET=
DOMAIN="localhost"
OPENAI_API_KEY=
DESKMATE_SENDGRID_API_KEY=
CLIENT_ID=
CLIENT_SECRET=
SESSION_SECRET=
DB_PASSWORD =
GOOGLE_DRIVE_CLIENT_ID =
GOOGLE_DRIVE_CLIENT_SECRET =
GOOGLE_DRIVE_REDIRECT_URI =
GOOGLE_DRIVE_REFRESH_TOKEN=
BACKUP_URI=
USER_BASE_URL= "http://localhost:5001/user/"
MIDDLEWARE_BASE_URL= "http://localhost:5005/"
LOGGING_BASE_URL= "http://localhost:5007/logging/"
- Ticketing System with Categorization and Prioritization
- Custom Workflow for Issue Reporting
- Knowledge Base with Organized Repository of FAQs and Solutions
- Integrated Email and Notification System
- Real-Time Chat Functionality for Immediate Assistance
- Reporting and Analytics on Ticket Status, Resolution Time, and Agent Performance
- Automation of Repetitive Tasks
- Customization of Help Desk's Appearance
- AI Chat Bot for imediate assistance
- Implementation of Security Measures including Encryption and Decryption of chat
- Data Backup and Recovery Procedures
- AI Ticket Routing System
- Multi-Factor Authentication (MFA) for Enhanced Security
- Error and Exception Logging for Robust Troubleshooting
- Rate Limiting for Logins and Other Sensitive Requests
- Progressive Web App
- Responsive Design for Seamless Usage Across Various Devices