🎫 Simple Ticket Management System - Frontend

🚀 Project Overview

A modern React-based ticket management system frontend built with Vite.

💻 Tech Stack

Core Libraries

• React 19
• React DOM 19
• Vite 6.2.2

Routing

• React Router DOM 7.4.0

State Management & Forms

• React Hook Form 7.54.2
• Zod (Validation) 3.24.2
• JWT Decode 4.0.0

UI & Styling

• Tailwind CSS 4.0.15
• Material-UI (MUI) 6.4.8
• Lucide React (Icons) 0.483.0
• Framer Motion (Animations) 12.5.0

Additional Libraries

• Axios (HTTP Requests) 1.8.4
• ApexCharts (Charting) 1.7.0
• CLSX (Conditional Classnames) 2.1.1

🛠️ Prerequisites

• Node.js 18+
• npm 9+

🚀 Getting Started

Installation

# Clone the repository
git clone https://your-repo-url.git
cd client

# Install dependencies
npm install

Environment Setup

1. Create .env file
2. Add necessary environment variables:

VITE_API_BASE_URL=http://your-backend-url/

Development

# Run development server
npm run dev
# Opens at http://localhost:5173

# Build for production
npm run build

# Lint the project
npm run lint

# Preview production build
npm run preview

📂 Project Structure

src/
├── components/
├── pages/
├── services/
├── utils/
├── contexts/
└── App.jsx

🌐 Deployment

• Configured for Vercel
• Build Command: npm run build
• Output Directory: dist

🤝 Contributing

1. Fork the repository
2. Create feature branch
3. Commit changes
4. Push to branch
5. Open Pull Request

📧 Contact

Aswin Das P V
Email: [email protected]
LinkedIn: pvaswindas