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

CryptoFuzzPy/ticketfy

This branch is 15 commits behind Pymmdrza/ticketfy:main.

Folders and files

NameName
Last commit message
Last commit date

Latest commit

3a8c697 Β· Dec 15, 2024

History

23 Commits
Dec 15, 2024
Dec 14, 2024
Dec 14, 2024
Dec 14, 2024
Dec 15, 2024
Dec 14, 2024
Dec 14, 2024
Dec 14, 2024
Dec 15, 2024
Dec 14, 2024
Dec 14, 2024
Dec 14, 2024
Dec 14, 2024
Dec 14, 2024
Dec 14, 2024
Dec 14, 2024
Dec 14, 2024
Dec 14, 2024

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.

✨ 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.

About

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

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • TypeScript 84.7%
  • Shell 8.8%
  • JavaScript 3.2%
  • HTML 2.1%
  • CSS 1.2%