Thanks to visit codestin.com
Credit goes to github.com

Skip to content

Modern support ticket system with real-time notifications, dark theme UI, and comprehensive admin dashboard built with React and TypeScript

License

Notifications You must be signed in to change notification settings

Pymmdrza/ticketfy

Ticketfy - Modern Support Ticket System

TicketFy - Modern Dashboard Ui


A modern, responsive, and feature-rich support ticket management system built with React, TypeScript, and Tailwind CSS. Ticketfy provides a seamless experience for both users and administrators in managing support requests.

ticketfy ui - screenshot from dashboard

✨ Features

  • 🎨 Modern Dark Theme UI with Professional Design
  • πŸ“± Fully Responsive Layout (Mobile, Tablet, Desktop)
  • πŸ” User Authentication System
  • πŸ“Š Advanced Admin Dashboard
  • 🎫 Comprehensive Ticket Management
  • πŸ“¨ Real-time Notifications
  • πŸ“ File Attachment Support
  • πŸ” Advanced Search & Filtering
  • πŸ“ˆ Analytics Dashboard
  • 🌐 Multi-language Support Ready
  • πŸ”’ Role-based Access Control
  • ⚑ Lightning Fast Performance

πŸš€ Quick Start

βš™οΈ One-Command Setup (Linux)

curl -sSL https://raw.githubusercontent.com/Pymmdrza/ticketfy/main/setup.sh | sh

βš™οΈ Manual Installation

  1. Clone the repository:
git clone https://github.com/Pymmdrza/ticketfy.git
cd ticketfy
  1. Install dependencies:
npm install
  1. Start development server:
npm run dev

πŸ› οΈ Tech Stack

  • Frontend: React 18.3
  • Type Safety: TypeScript
  • Styling: Tailwind CSS
  • Icons: Lucide React
  • State Management: React Context
  • Routing: React Router DOM
  • Build Tool: Vite
  • Code Quality: ESLint
  • Package Manager: npm

πŸ“ Project Structure

ticketfy/
β”œβ”€β”€ src/
β”‚   β”œβ”€β”€ components/     # Reusable UI components
β”‚   β”‚   β”œβ”€β”€ ui/        # Base UI components
β”‚   β”‚   β”œβ”€β”€ layout/    # Layout components
β”‚   β”‚   └── dashboard/ # Dashboard specific components
β”‚   β”œβ”€β”€ pages/         # Page components
β”‚   β”œβ”€β”€ lib/           # Utilities and helpers
β”‚   β”œβ”€β”€ types/         # TypeScript definitions
β”‚   β”œβ”€β”€ hooks/         # Custom React hooks
β”‚   └── contexts/      # React contexts
β”œβ”€β”€ public/            # Static assets
└── package.json       # Project configuration

πŸ“ Available Scripts

  • npm run dev - Start development server
  • npm run build - Build for production
  • npm run preview - Preview production build
  • npm run lint - Run ESLint

βš™οΈ Configuration

Create a .env file in the root directory:

VITE_API_URL=your_api_url_here
VITE_APP_NAME=Ticketfy
VITE_APP_VERSION=1.0.0

🌐 Browser Support

  • Chrome (latest)
  • Firefox (latest)
  • Safari (latest)
  • Edge (latest)

πŸ“„ License

This project is licensed under the MIT License - see the LICENSE file for details.

πŸ›Ÿ Support

🌟 Credits

Created and maintained by PyMmdrza.

Programmer Official Website : Mmdrza.Com

🎁 Donate

Bitcoin Wallet :

1MMDRZAcM6dzmdMUSV8pDdAPDFpwzve9Fc

Releases

No releases published

Packages

No packages published

Contributors 2

  •  
  •