# Ladaer.FrontEnd - Project Overview

## Mục đích dự án
**LADA Express Management Portal** - Hệ thống quản lý vận tải/logistics cho LADA Express.
- Quản lý đơn hàng (orders), tài xế (drivers), xe tải (trucks)
- Quản lý tài chính (finances, income, expenses, reconciliation)
- CRM (khách hàng, địa chỉ)
- HR (nhân sự, tuyển dụng)
- Quản lý nhiên liệu (fuel management)
- Theo dõi (tracking, monitoring)
- Hóa đơn VAT, báo cáo (reports)
- CMS (content management)
- Phân quyền (permissions, roles)

## Tech Stack
- **Framework**: Vue 3 (Composition API + Options API)
- **Build tool**: Vite 4 + HTTPS (mkcert cho dev)
- **State management**: Pinia (primary), Vuex (legacy)
- **Routing**: Vue Router 4
- **HTTP Client**: Axios
- **UI**: Bootstrap 5 + Boxicons + Feather Icons + Font Awesome 4
- **Form validation**: VeeValidate 4 + Yup
- **Charts**: Vue-ECharts
- **Date picker**: @vuepic/vue-datepicker
- **Rich text editor**: TinyMCE (@tinymce/tinymce-vue)
- **PDF viewer**: @tato30/vue-pdf, vue-pdf-embed
- **Utilities**: Lodash, Moment.js
- **Select**: vue-select
- **Toast**: vue-toastification, vue-toast-notification
- **Number format**: v-money3, vue-number-format
- **QR Code**: qrcode
- **Fingerprint**: @fingerprintjs/fingerprintjs
- **Maps**: @googlemaps/js-api-loader
- **File upload**: vue3-dropzone
- **Countdown**: @chenfengyuan/vue-countdown
- **Clipboard**: v-clipboard
- **Image viewer**: v-viewer, viewerjs
- **CSS preprocessor**: SASS

## Môi trường
- **Dev**: HTTPS tại https://localhost:5173
- **API**: `VITE_API_BASE_URL=https://localhost:7284/api`
- **Identity API**: `VITE_IDENTITY_API_BASE_URL=https://localhost:7284/api`  
- **Frontend URL**: `VITE_FRONT_END_URL=https://localhost:7007/`
