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.
- 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
Technologies used
- MongoDB
- Express.js
- React.js
- Node.js
- TailwindCSS layouts
- Toast popups
- DaisyUI library for components
- VSCode
Main Page |
---|
![]() |
Create New Ticket |
---|
![]() |
Add New Note |
---|
![]() |
Register/Login |
---|
![]() |
View Tickets |
---|
![]() |
Ticket Page |
---|
![]() |
- 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
- The project has been deployed to Render: try it online following the link: https://vasilis-mern-support-desk.onrender.com/
- Rename the .envexample to .env and add your MongoDB database URI and your JWT secret
npm install
cd frontend
npm install
Run app in development (frontend & backend)
npm run dev
Created by [Vasil] - feel free to contact me!