Ai Ticket Assistant Fe

Frontend built using vite, tailwind, daisyUI for ticket triage agent using inngest, express, gemini, inngest agent kit

Ticket Management System (TMS) Frontend

📌 Overview

This is the React frontend for the Smart Ticket Assignment System. It includes user authentication (login/signup), ticket creation and listing, detailed ticket views, and an admin panel for managing users and their roles/skills.

The app uses:

⚡️ Vite for fast build and development
🎨 DaisyUI (based on Tailwind CSS) for UI components
📡 fetch for API calls
🛠️ Simple client-side auth via localStorage

🧾 Pages Overview

Route	Description
`/`	Shows all tickets or Redirects to `/login` if unauthenticated
`/login`	User login page
`/signup`	User signup page
`/tickets/:id`	Shows detailed view of a ticket (fields vary by role)
`/admin`	Admin panel to manage users, roles, and skill assignments

🔧 Setup Instructions

Clone the repo:

git clone https://github.com/wajeshubham/ai-ticket-assistant-fe.git
cd ai-ticket-assistant-fe

Install dependencies:
```
npm install
```

Create .env file:

VITE_SERVER_URL=http://localhost:3000/api

Run the dev server:
```
npm run dev
```

✅ Markdown Rendering

Helpful Notes (markdown) are rendered using:

npm i react-markdown

In TicketDetail.jsx:

import ReactMarkdown from "react-markdown";

<ReactMarkdown>{ticket.helpfulNotes}</ReactMarkdown>;

👑 Admin Panel (`/admin`)

Lists all users with their:
- Name, Email, Role, Skills
Admin can:
- Change user role via dropdown
- Assign comma-separated skills → submitted as array of strings
Live email-based search bar

Top categories