Loading repository data…

aplikasi-kasirtoko-frontend GitHub Details, Stars and Alternatives | OpenRepoFinder

CorvoGithub / repository

aplikasi-kasirtoko-frontend

Mantra, aplikasi manajemen transaksi, serupa dengan Kasir/POS

#axios#javascript#lucide-react#react#vitejs

View Repository on GitHub ↗

REPOSITORY OVERVIEW

Live repository statistics

★ 0Stars

⑂ 0Forks

◯ 0Open issues

◉ 0Watchers

38/100

OPENREPOHUB HEALTH SIGNAL

Limited signals

A transparent discovery signal based on current public GitHub metadata.

Recent activity35% weight

Community adoption25% weight

Maintenance state20% weight

100

License clarity10% weight

Project information10% weight

This score does not audit code, security, maintainers, documentation quality, or suitability. Verify the repository and its current documentation before adoption.

README preview

Mantra - Frontend (Sistem Kasir Toko)

Repository ini berisi Frontend / Client-side untuk aplikasi Mantra, dibangun menggunakan React + Vite.

Aplikasi ini berfungsi sebagai antarmuka pengguna (UI) yang responsif untuk manajemen toko, kasir, dan pelaporan penjualan.

Catatan: Backend (Laravel API) terdapat di repository terpisah: https://github.com/CorvoGithub/aplikasi-kasirtoko-backend

Fitur Frontend

Antarmuka ini dirancang untuk memenuhi kriteria UX/UI modern sesuai spesifikasi Soal Tes Tipe 2:

Responsif: Tampilan beradaptasi sempurna pada Desktop, Tablet, dan Mobile (Dapat diuji dengan Toggle Device Toolbar).
Point of Sale (POS):
- Keranjang belanja dinamis.
- Kalkulasi total dan kembalian otomatis.
- Cetak struk belanja dengan logo toko (Crop to Circle).
Manajemen Produk:
- Upload dan preview gambar produk.
- Tampilan grid dengan indikator stok menipis.
Laporan:
- Visualisasi riwayat transaksi.
- Export data ke PDF dan Excel.

Teknologi

Core: React.js, Vite
Styling: Tailwind CSS
Icons: Lucide React
HTTP Client: Axios
Libraries: React Easy Crop (Profile), JSPDF (Export), XLSX (Excel)

Cara Menjalankan (Localhost)

Pastikan Server Backend (Laravel) sudah berjalan terlebih dahulu di port 8000.

Clone Repository & Install Dependencies:

git clone [https://github.com/CorvoGithub/aplikasi-kasirtoko-frontend](https://github.com/CorvoGithub/aplikasi-kasirtoko-frontend)
cd aplikasi-kasirtoko-frontend
npm install

Konfigurasi API: Pastikan backend berjalan di http://127.0.0.1:8000. Jika berbeda, sesuaikan URL pada konfigurasi Axios di source code.
Jalankan Frontend:
```
npm run dev
```
Akses Aplikasi: Buka browser dan kunjungi URL yang muncul di terminal (biasanya http://localhost:5173).

Video Demonstrasi

Berikut adalah link video penjelasan kode, struktur database, dan demonstrasi penggunaan aplikasi:

https://drive.google.com/drive/folders/1rEJgcqvZjZ-vCUCDXXSrLgVeihcP7nqi?usp=drive_link

Dibuat oleh: Andhika Farizky Mansyur