https://github.com/airhopper/admin-panel
AirHopper Admin Panel is a web application designed to help administrators manage data and features of the AirHopper flight ticket booking system. This panel provides an intuitive interface for managing airlines, routes, users, and transaction reports.
https://github.com/airhopper/admin-panel
edge express preline-ui tailwind
Last synced: 3 months ago
JSON representation
AirHopper Admin Panel is a web application designed to help administrators manage data and features of the AirHopper flight ticket booking system. This panel provides an intuitive interface for managing airlines, routes, users, and transaction reports.
- Host: GitHub
- URL: https://github.com/airhopper/admin-panel
- Owner: AirHopper
- License: mit
- Created: 2024-12-12T05:38:41.000Z (5 months ago)
- Default Branch: main
- Last Pushed: 2024-12-23T17:26:47.000Z (5 months ago)
- Last Synced: 2025-01-07T04:59:05.676Z (5 months ago)
- Topics: edge, express, preline-ui, tailwind
- Language: Edge
- Homepage: https://admin-airhopper.padek.tech
- Size: 2.08 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# 🎛️ AirHopper Admin Panel
AirHopper Admin Panel adalah aplikasi web yang dirancang untuk membantu administrator dalam mengelola data dan fitur sistem pemesanan tiket pesawat AirHopper. Panel ini memberikan antarmuka yang intuitif untuk mengelola maskapai penerbangan, rute, pengguna, dan laporan transaksi.
## 🌟 Fitur Utama
- **Manajemen Maskapai Penerbangan**: Tambah, ubah, dan hapus data maskapai penerbangan dengan mudah.
- **Manajemen Penerbangan**: Kelola rute dan jadwal penerbangan.
- **Manajemen Pengguna**: Atur pengguna, termasuk otorisasi dan peran.
- **Laporan dan Statistik**: Pantau performa dan statistik melalui laporan interaktif.
- **Media Upload**: Dukungan untuk mengunggah gambar maskapai dengan integrasi ImageKit.
- **Autentikasi Aman**: Menggunakan JWT untuk akses dan manajemen keamanan.
## 🛠️ Teknologi yang Digunakan
- **Frontend Framework**: TailwindCSS untuk styling.
- **View Engine**: Edge.js untuk rendering halaman dinamis.
- **JavaScript**: Menggunakan Alpine.js untuk interaktivitas ringan.
- **Express.js**: Framework backend untuk mendukung API dan server-side rendering.
- **DataTable.js**: Membuat tabel data yang responsif dan interaktif.
- **Axios dan jQuery**: Untuk konsumsi API dan interaksi DOM.
- **Multer & ImageKit**: Mendukung upload file dan manajemen media.
## 🚀 Cara Menggunakan
### Prasyarat
1. Node.js (minimal versi 18.x).
2. Server backend API sudah berjalan (lihat [AirHopper Backend](https://github.com/AirHopper/BackEnd)).
3. Alat manajemen API (Postman atau browser).
### Langkah Instalasi
1. Clone repositori ini:
```bash
git clone https://github.com/AirHopper/AdminPanel.git
```
2. Masuk ke direktori proyek:
```bash
cd AdminPanel
```
3. Instal dependensi:
```bash
npm install
```
4. Konfigurasikan file lingkungan `.env`:
```env
API_URL="your-backend-api-url"
PORT=333
HOST="0.0.0.0"
NODE_ENV=development
```
5. Jalankan server:
```bash
npm start
```
6. Akses Admin Panel di:
```bash
http://localhost:3333
```
## 📄 Dokumentasi API
Admin Panel ini bergantung pada API backend untuk pengelolaan data. Pastikan API backend Anda sudah tersedia dan berjalan. Dokumentasi API tersedia di:
1. **Postman**: [Link Postman Collection](https://documenter.getpostman.com/view/33280373/2sAYBbf9a7)
2. **Swagger**: [Swagger API Docs](https://air-hopper-api.padek.tech/api-docs)
## 👥 Tim Pengembang
Admin Panel ini dikembangkan oleh tim AirHopper dari program Studi Independen Kampus Merdeka - Binar Academy.
- **Backend**:
- **Juan Verrel Tanuwijaya**
- **Muhamad Royhan Fadhli**
- **Ahmad Subhan Daryhadi**
- **Bima Rizqy Ramadhan**
- **Frontend dan Admin Panel**:
- **Ridhwan Tsalasah Putra**
- **Ryan Nicholas Purba**
- **M. Zaky Pria Maulana**
- **Joe Ferdinan**