https://github.com/mynameisjeff-305/ticket-flow
TicketFlow is a streamlined ticket management app built for IT businesses. It simplifies the handling of support requests with real-time tracking, easy-to-use workflows, and detailed reporting. TicketFlow helps IT teams stay organized, resolve issues faster, and deliver top-notch service, ensuring a smooth support experience from start to finish.
https://github.com/mynameisjeff-305/ticket-flow
expressjs javascript react redux sequelize-orm ticketing-system
Last synced: 8 months ago
JSON representation
TicketFlow is a streamlined ticket management app built for IT businesses. It simplifies the handling of support requests with real-time tracking, easy-to-use workflows, and detailed reporting. TicketFlow helps IT teams stay organized, resolve issues faster, and deliver top-notch service, ensuring a smooth support experience from start to finish.
- Host: GitHub
- URL: https://github.com/mynameisjeff-305/ticket-flow
- Owner: MyNameIsJeff-305
- Created: 2024-09-17T14:27:29.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2025-09-29T14:15:30.000Z (9 months ago)
- Last Synced: 2025-09-29T16:19:03.932Z (9 months ago)
- Topics: expressjs, javascript, react, redux, sequelize-orm, ticketing-system
- Language: JavaScript
- Homepage:
- Size: 5.81 MB
- Stars: 1
- Watchers: 2
- Forks: 1
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Ticket Flow
![splash-1]
[splash-1]: ./images/splash-1.png
Ticket Flow is an IT Ticketing System designed to streamline the management of IT service tickets. This app allows businesses to efficiently manage tickets, clients, and technicians, ensuring smooth operations for IT support companies. It includes features like client management, ticket categorization, and an event ledger for tracking tasks and notes related to tickets.
## Features
- **Ticket Management**: Create, edit, and manage tickets with ease. Tickets are categorized into new, pending, and closed statuses.
![Dashboard]
[Dashboard]: ./images/ticketflow.png
- **Client Management**: Add, edit, and store client information with support for profile image uploads.
![ClientTab]
[ClientTab]: ./images/ClientTab.png
- **Add Notes and Parts to the Tickets**: Add, edit, and remove Notes and Parts on every ticket.
![TicketDetails]
[TicketDetails]: ./images/TicketDetails.png
- **Theme Support**: Light and dark themes for a customizable user experience.
![Theme]
[Theme]: ./images/Theme.png
- **Performance**: Efficient data fetching with Redux for dynamic updates and smooth user interactions.
## Technologies Used
### **Frontend**:
### **Backend**:
### **Database**:
### **Storage**:
### **Styling**:
### **Deployment**:
## Installation
1. Clone the repository:
```bash
git clone https://github.com/MyNameIsJeff-305/ticket-flow.git
2. Navigate to the project directory:
```bash
cd ticket-flow
3. Create a **.env** file. Fill it using the **.env.example** file. For setting up the **AWS_ACCESS_KEY_ID** and **AWS_SECRET_ACCESS_KEY** setup an AWS S3 Bucket:
```bash
PORT=8000
DB_FILE=db/dev.db
JWT_SECRET=
JWT_EXPIRES_IN=604800
SCHEMA=
AWS_ACCESS_KEY_ID=
AWS_SECRET_ACCESS_KEY=
4. Install dependencies on backend:
```bash
cd backend
npm install
5. Migrate and seed the database (for dev purposes we will use sqlite):
```bash
npx dotenv sequelize db:migrate
npx dotenv sequelize db:seed:all
6. Start the backend Server:
```bash
npm start
7. Open a new terminal and CD into frontend folder and install dependencies:
```bash
cd ..
cd frontend
npm install
8. Run the Frontend in Dev Mode
```bash
npm run dev
## Usage
### Add a Client:
Use the AddClient component to register new clients and upload profile images.
### Create a Ticket:
Create tickets using the AddTicket component. Tickets can be assigned to employees.
### Track Ticket Status:
View ticket statuses (new, pending, closed) on the dashboard.
### View and Manage Tickets:
Use the TicketDetails component to view detailed ticket information, including events and notes.
## Future Improvements
### Client Login for Ticket Status Tracking:
Implement a second authentication for Clients in order for them to track the status of the tickets.
### AI-powered Suggestions:
Implement AI to suggest solutions or best practices for handling tickets.
Advanced Reporting: Generate reports based on ticket data to analyze performance and trends.
### Calendar and Check-in/Check-out feature:
Implement a Calendar View in order to track the date and time a ticket is handled.
### Mobile App:
Extend functionality to a mobile application for on-the-go ticket management.
## Contributing
Contributions are welcome! Please fork the repository and create a pull request for any feature requests, improvements, or bug fixes.
## Contact
For questions or feedback, please contact Michel Garcia Ribalta at michelgarcia950528@icloud.com.