Skip to content

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

About

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

Topics

Resources

Code of conduct

Contributing

Security policy

Stars

Watchers

Forks

Releases

Packages

Used by

Contributors

Languages