Vasil1001 / support-ticket-desk-mern

A support ticket desk application application that allows users to create tickets, describe their issue, select a product and track the issue progress, as well as close the tickets if fixed.

support-ticket-desk-mern

Support ticket app using MERN stack FINISHED

Link to app: https://vasilis-mern-support-desk.onrender.com/

A MERN (MongoDB, Express, React, Node.js) full-stack support ticket desk application application that allows users to create tickets, describe their issue, select a product and track the issue progress, as well as close the tickets if fixed.

Project 4 of the 'React Front to Back 2022' Udemy course, with my own twist in layout design and features.

Features:

• Tailwind CSS for layouts
• MongoDB Database to keep user tickets and ticket notes
• Users can register and login to their account, using JWT Auth
• A main page with 2 options, create new ticket and view tickets
• Comments can be added to created tickets that aren't closed

Table of Contents

1. App Screenshots
2. General Info
3. Setup
4. Usage
5. Status
6. Contact

Technologies used

1. MongoDB
2. Express.js
3. React.js
4. Node.js
5. TailwindCSS layouts
6. Toast popups
7. DaisyUI library for components
8. VSCode

App screenshots

Main Page

Create New Ticket

Add New Note

Register/Login

View Tickets

Ticket Page

General Info

• A MERN (MongoDB, Express, React, Node.js) full-stack application that allows users to create a ticket with their issue and track them.
• JWT Authentication is used to authenticate users.
• Stack used: React, Node and Express JS, MongoDB, Node JS, Redux, TailwindCSS FINISHED

Setup

• The project has been deployed to Render: try it online following the link: https://vasilis-mern-support-desk.onrender.com/

Set Environment Variables

• Rename the .envexample to .env and add your MongoDB database URI and your JWT secret

Install backend dependencies

npm install

Install client dependencies

cd frontend

npm install

Run app in development (frontend & backend)

npm run dev

Contact

Created by [Vasil] - feel free to contact me!