PEYEK LINA

Deskripsi Proyek

Peyek Lina adalah sebuah aplikasi web e-commerce (toko daring) yang dirancang khusus untuk memfasilitasi penjualan produk rempeyek ("peyek") dari brand Peyek Lina. Aplikasi ini menyediakan platform digital dari hulu ke hilir untuk interaksi antara pelanggan dan pengelola, mulai dari etalase produk, sistem keranjang belanja (add to cart), proses checkout dengan verifikasi OTP, hingga pembayaran digital dan pelacakan pengiriman.

Aplikasi ini tidak hanya berfokus pada pengalaman pengguna saat berbelanja, namun juga menyediakan dashboard admin (CMS - Content Management System) yang lengkap untuk mengatur produk, inventaris, pesanan, konten halaman (seperti testimoni dan FAQ), serta integrasi pemasaran seperti kode promo.

Tujuan Proyek

Tujuan utama dikembangkannya aplikasi Peyek Lina antara lain:

• Digitalisasi Penjualan: Membuka kanal penjualan online yang resmi dan profesional untuk menjangkau pasar yang lebih luas.

• Kemudahan Transaksi: Memberikan kemudahan bagi pelanggan dalam melakukan pemesanan dan pembayaran secara otomatis lewat integrasi Payment Gateway.

• Otomatisasi Operasional: Mengurangi proses manual melalui fitur pelacakan pesanan, perhitungan otomatis ongkos kirim, dan manajemen stok (inventory).

• Manajemen Konten & Pelanggan: Mempermudah admin/pemilik bisnis untuk memperbarui produk, mengelola promo, mengurus FAQ, dan menjalin komunikasi melalui integrasi WhatsApp (seperti OTP atau notifikasi).

Fitur-Fitur Utama

Aplikasi ini terbagi ke dalam dua sisi utama: Customer/Public (Pelanggan) dan Admin (Pengelola).

A. Fitur Pelanggan (Customer)

1. Katalog Produk (Menu): Menampilkan daftar produk peyek beserta variannya (harga, ukuran, dll) yang aktif.

2. Halaman Beranda Dinamis:

   • Menampilkan Hero Slider dan Featured Products (Produk Unggulan).

   • Menampilkan Promosi aktif, Testimoni pelanggan, dan FAQ.

3. Keranjang Belanja (Cart): Penambahan produk ke keranjang, memperbarui jumlah (update quantity), dan menghapus item.

4. Checkout Terintegrasi:

   • Verifikasi OTP: Pengamanan proses checkout menggunakan OTP.

   • Pemilihan Pengiriman: Menghitung ongkos kirim berdasarkan alamat atau destinasi pencarian.

   • Penggunaan Promo: Memasukkan kode diskon/promo saat checkout.

5. Pembayaran & Pelacakan (Integrasi Midtrans):

   • Mendukung pembayaran Virtual Account (VA) dan QRIS.

   • Notifikasi otomatis pembayaran berhasil.

   • Pelacakan pesanan/resi pengiriman secara langsung.

6. Informasi Toko: Halaman "Tentang Kami" yang mendeskripsikan brand dan toko.

B. Fitur Admin (Pengelola)

1. Autentikasi & Profil Admin: Login/logout khusus admin serta manajemen pengaturan profil admin.

2. Dashboard: Ringkasan dan statistik penjualan, pesanan baru, atau aktivitas toko.

3. Manajemen Produk & Inventaris:

   • CRUD Produk dan Varian.

   • Manajemen stok produk secara real-time.

4. Manajemen Pesanan (Order): Melihat daftar pesanan masuk, memproses pesanan, serta konfirmasi status pesanan pelanggan.

5. Manajemen Konten (CMS):

   • Mengatur gambar Main Hero dan Hero Slider.

   • CRUD Testimonial, FAQ, dan pengaturan Tentang Kami.

   • Manajemen Store Setting (pengaturan umum toko).

6. Manajemen Promo: Membuat, mengedit, dan menghapus kode promosi atau diskon.

7. Laporan & Ekspor: Mengakses laporan penjualan dan penarikan data (ekspor laporan).

8. Pengaturan Sistem & Integrasi:

   • Pengaturan notifikasi WhatsApp (Test WA & Ambil Nomor WA).

   • Manajemen pengiriman (Shipping).

   • Manajemen metode pembayaran.

9. Manajemen Pengguna (Admin Only): Menambah atau menghapus pengguna level akses admin lain.

Tech Stack yang Digunakan

Proyek ini dibangun menggunakan arsitektur web modern yang berbasis PHP dan JavaScript, memanfaatkan framework terkemuka berikut ini:

Backend (Server-Side)

• Bahasa Pemrograman: PHP 8.3

• Framework Utama: Laravel 13.0

• Pengolahan Database ORM: Eloquent ORM

• Testing: PHPUnit 12.5.12

• Konkurensi & Utilities: Laravel Pail, Laravel Pint (Code Style), Artisan CLI

Frontend (Client-Side)

• Build Tool: Vite 8.0

• CSS Framework: TailwindCSS v4.0.0

• Integrasi Laravel-Vite: laravel-vite-plugin 3.0.0

Database & Integrations

• Database: Relational Database (MySQL/PostgreSQL/SQLite) dengan konfigurasi database/database.sqlite digunakan untuk lingkungan lokal atau testing.

• Payment Gateway: Midtrans (untuk QRIS, Virtual Account, dan notifikasi webhook / callback).

• Integrasi Pihak Ketiga:

  • Integrasi cek tarif ongkos kirim & tracking resi.

  • Integrasi API WhatsApp (kemungkinan via penyedia pihak ketiga untuk pengiriman OTP & Notifikasi).