TicketManagement

A full-stack web application used by registered users to manage support tickets, and to see logs from running services.
Explore the docs »

Table of Contents

1. About The Project
   • Built With
2. Getting Started
   • Prerequisites
   • Installation
3. Usage
4. Roadmap
5. Contact
6. Acknowledgments

About The Project

Frontend fully done in React, while Backend is using NodeJS and Express.
All the data are stored in a MongoDB database hosted locally on a Debian server.
All the logs files of our services are stored locally on the Debian Server, and are accessed by our Backend app.

TicketManagement is a web application designed as a practical tool to help users create support tickets to ask help to administrators. It provides a user-friendly platform for anyone looking for help with a feature / bug, in a company.

With a clean interface, the app is made to help users get the help they need, and making it simpler for them to manage their tickets.

This project was developed as part of my studies; Its main goal was to discover how a full-stack ticket management application might work, with all of it's functionalities. The app also has a log section, to check the latest logs of a local running app.

(back to top)

Built With

• 
• [![React][React.com]][React-url]
• [![ReactRouter][ReactRouter.com]][ReactRoute-url]
• [![Javascript][Javascript.com]][JS-url]
• [![Express][Express.com]][Express-url]
• [![MongoDB][MongoDB.com]][MongoDB-url]
• [![CSS][CSS.com]][CSS-url]

(back to top)

Getting Started

Follow these steps to get your app up and running:

Prerequisites

Before installing the app, you first need these techs (for latest versions, part of the code might need an update) Also, make sure that you have NodeJS on your system, aswell as npm (for packages / starting) and git (to clone the repo)

Note

React Version: 18.0.0
React DOM Version: 18.0.0
NodeJS Version: 22.3.0

Installation

Clone the github repository:

• In a terminal, run git clone https://github.com/KelyanDev/TicketManagement

Install depedencies (frontend and backend folders):

• In a terminal, go into one of the folders (either frontend or backend)
• Install all the dependencies with the command npm install

Launch the app:

• Once you installed the dependencies, you'll need to start the frontend AND backend of the app
• To start a part of the app, go into the corresponding folder, and run npm start

Warning

The Database part will obviously not work, as you'll need a MongoDB database for that (either hosted locally or on Atlas).
You'll need to setup MongoDB on your own if you want the app to fully work
Same for the logs, you most likely won't have the services on your computer

(back to top)

Usage

Once both the frontend and the backend of the app are up and running, you can simply go on a web browser and go at the following adress: http://localhost:5000

Once you launched the app, and assuming you have the database part working, you'll need to create an account using the top right button.
Once your account is created, you can open a new ticket and check your existing ones.

You won't be able to access the services logs, as you probably won't have the services running on your computer.

(back to top)

Roadmap

As I said earlier, this project was part of my studies. As I previously finished this, I do not intend to add functionalities to it (atleast not now)

See the open issues for a full list of proposed features (and known issues).

(back to top)

Contact

My Portfolio - Click here

Project Link: https://github.com/KelyanDev/FluxBiz

(back to top)

• 

• [![React][React.com]][React-url]

• [![ReactRouter][ReactRouter.com]][ReactRoute-url]

• [![Javascript][Javascript.com]][JS-url]

• [![Express][Express.com]][Express-url]

• [![MongoDB][MongoDB.com]][MongoDB-url]

• [![CSS][CSS.com]][CSS-url]