Ticketing Web App is a comprehensive solution for managing ticketing systems. This project includes a user-facing web application, a back-end API, and an admin panel for system management. It is built with modern technologies to ensure scalability, maintainability, and a smooth user experience.

The application is deployed and accessible at: Ticketing Web App

Built with Vue.js 3 and styled with Tailwind CSS.

Dynamic ticket generation with JSBarcode.

PDF generation for tickets using html2pdf.js.

User authentication with Google OAuth via vue3-google-login.

Toast notifications using Vue Toastification.

SEO-friendly routing with Vite Plugin Sitemap.

Built with Angular 18 and styled with Tailwind CSS.

Interactive charts and data visualization with ng2-charts.

Custom table component support via ngx-panemu-table.

Modular and reactive design for enhanced performance.

Built with Laravel 11.

RESTful API development with Sanctum for authentication.

MySQL for database management.

Image handling using Intervention Image.

Integration with payment gateways via Xendit PHP.

Google API integration for various services.

Vue.js 3: Core framework for the user-facing application.

Tailwind CSS: For rapid and responsive UI design.

Angular 18: Framework for the admin panel.

Laravel 11: Robust back-end framework.

MySQL: Relational database for managing application data.

@fortawesome/fontawesome-svg-core: FontAwesome icons.

axios: HTTP client.

html2pdf.js: PDF generation.

pinia: State management.

vue-router: Client-side routing.

vue-toastification: Notifications.

laravel/sanctum: API authentication.

laravel/socialite: Social authentication.

guzzlehttp/guzzle: HTTP client.

xendit/xendit-php: Payment gateway integration.

ng2-charts: Charts and data visualization.

ngx-panemu-table: Custom table component.

Node.js (v16+)

PHP (v8.2+)

npm or yarn

Front-End (User App)

Clone the repository:

Install dependencies:

Run the development server:

Admin Panel

Navigate to the Angular admin directory:

Install dependencies:

Run the Angular development server:

Back-End

Navigate to the Laravel back-end directory:

Install dependencies:

Configure .env file for database and other settings.

Run migrations:

Start the server:

Contributions are welcome! Please follow these steps:

Fork the repository.

Create a feature branch:

Commit your changes:

Push to the branch:

Create a pull request.

This project is licensed under the MIT License.