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

Repository files navigation

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