sigma-bookstore

KO | EN

gitlite — search

#javascript #python #hacktoberfest #react #ai #typescript #llm #go #golang #android #machine-learning #rust #deep-learning #linux

sigma-bookstore

(★ 9)

sistem POS dan dashboard admin

sigma-bookstore Latest Version Download

Download Latest Version (.zip)

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# 📚 Sigma Bookstore

### Modern Point of Sale (POS) & Inventory Management System

Sistem Point of Sale (POS) berbasis **HTML**, **CSS**, **JavaScript**, dan **Supabase** yang dirancang untuk membantu toko buku dalam mengelola penjualan, stok, supplier, serta laporan secara modern.

<br>

![HTML](https://img.shields.io/badge/HTML5-E34F26?style=for-the-badge&logo=html5&logoColor=white)
![CSS](https://img.shields.io/badge/CSS3-1572B6?style=for-the-badge&logo=css3&logoColor=white)
![JavaScript](https://img.shields.io/badge/JavaScript-F7DF1E?style=for-the-badge&logo=javascript&logoColor=black)
![Supabase](https://img.shields.io/badge/Supabase-3FCF8E?style=for-the-badge&logo=supabase&logoColor=white)

![GitHub Repo stars](https://img.shields.io/github/stars/ibnusab452-blip/sigma-bookstore?style=for-the-badge)
![GitHub forks](https://img.shields.io/github/forks/ibnusab452-blip/sigma-bookstore?style=for-the-badge)
![GitHub last commit](https://img.shields.io/github/last-commit/ibnusab452-blip/sigma-bookstore?style=for-the-badge)

</div>

---

# 📖 Tentang Project

**Sigma Bookstore** merupakan aplikasi Point of Sale (POS) berbasis web yang dibuat untuk memenuhi kebutuhan operasional toko buku.

Project ini memiliki fitur lengkap mulai dari:

- Manajemen Buku
- Manajemen Kategori
- Supplier
- Penerbit
- Restok Barang
- Penjualan
- Monitoring Stok
- Dashboard
- Laporan Penjualan
- Cetak Struk

Semua data tersimpan secara **real-time menggunakan Supabase**.

---

# ✨ Fitur Utama

## 👨‍💼 Admin

- 🔐 Login
- 📊 Dashboard
- 📚 CRUD Buku
- 🏷 CRUD Kategori
- 🏢 CRUD Penerbit
- 🚚 CRUD Supplier
- 📦 Restok Buku
- 📈 Monitoring Stok
- 📋 Laporan Penjualan
- 🧾 Riwayat Transaksi

---

## 💳 Kasir

- 🛒 Penjualan Buku
- ➕ Tambah ke Keranjang
- 💰 Checkout
- 🧾 Cetak Struk
- 📜 Riwayat Penjualan

---

## 📊 Dashboard

- Total Buku
- Total Supplier
- Total Penjualan
- Pendapatan
- Grafik Penjualan
- Statistik Inventori

---

## 📦 Inventory

- Monitoring stok

- Restok

- Riwayat Mutasi

- Notifikasi stok menipis

---

# 📸 Screenshot

## Login

> Tambahkan screenshot pada folder:

```
assets/screenshots/login.png
```

---

## Dashboard

```
assets/screenshots/dashboard.png
```

---

## Buku

```
assets/screenshots/buku.png
```

---

## Penjualan

```
assets/screenshots/penjualan.png
```

---

## Laporan

```
assets/screenshots/laporan.png
```

---

# 🛠 Tech Stack

| Technology | Description |
|------------|-------------|
| HTML5 | Struktur Website |
| CSS3 | Styling |
| JavaScript | Frontend Logic |
| Supabase | Database |
| Supabase Auth | Authentication |
| Chart.js | Grafik Dashboard |
| Lucide Icons | Icons |

---

# 📂 Struktur Project

```
sigma-bookstore
│
├── admin/
│   ├── dashboard.html
│   ├── buku.html
│   ├── kategori.html
│   ├── supplier.html
│   ├── penerbit.html
│   ├── laporan.html
│   ├── stok.html
│   └── ...
│
├── kasir/
│   ├── dashboard.html
│   ├── kasir.html
│   ├── riwayat.html
│   └── struk.html
│
├── css/
│
├── js/
│
├── assets/
│
├── logo.png
│
├── index.html
│
├── login.html
│
└── README.md
```

---

# 🚀 Instalasi

## Clone Repository

```bash
git clone https://github.com/ibnusab452-blip/sigma-bookstore.git
```

Masuk ke folder project

```bash
cd sigma-bookstore
```

Buka menggunakan VS Code

```bash
code .
```

Jalankan menggunakan

- Live Server

atau

- Localhost

---

# 🗄 Konfigurasi Supabase

Buat Project Supabase terlebih dahulu.

Masukkan konfigurasi berikut ke file:

```
js/supabase.js
```

```javascript
const SUPABASE_URL = "YOUR_SUPABASE_URL";
const SUPABASE_ANON_KEY = "YOUR_SUPABASE_ANON_KEY";
```

Pastikan seluruh tabel sudah dibuat sesuai database.

---

# 📌 Database

Project menggunakan beberapa tabel utama:

- books
- categories
- suppliers
- publishers
- sales
- sale_details
- stock_mutations

---

# 🎯 Workflow

```
Login
     │
     ▼
 Dashboard
     │
 ┌────┴────┐
 │         │
 ▼         ▼
Buku     Supplier
 │
 ▼
Restok
 │
 ▼
Kasir
 │
 ▼
Checkout
 │
 ▼
Struk
 │
 ▼
Laporan
```

---

# 👨‍💻 Developer

## Ibnu Sabrian

Information Systems Student

STMIK Widya Utama

GitHub

https://github.com/ibnusab452-blip

---

# 📄 License

This project is intended for educational purposes.

---

# ⭐ Support

Jika project ini bermanfaat,

Jangan lupa memberikan ⭐ pada repository ini.

---

Made with ❤️ by **Ibnu Sabrian**

</div>

sigma-bookstore

sigma-bookstore Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

sigma-bookstore

sigma-bookstore Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

Download README