Tokoku 🛒

Tokoku merupakan platfrom marketplace produk digital yang menjual produk digital secara online dengan payment gateway Midtrans. Saya membangun ini sesuai dengan kata tokoku yang artinya platfrom ini di bangun untuk menjual produk milik saya sendiri. Untuk saat ini produk digital tersebut hanya bisa menjual source code program aplikasi.

Tokoku memiliki sistem multi user yang arti nya ada dua role yaitu admin dan customer. Admin adalah role milik saya dan customer sebagai pembeli. Tokoku di bangun dengan framework Laravel 10 dan MySQL sebagai backend nya. Untuk front end menggunakan bootstrap dan JavaScript.

Alur proses bisnis aplikasi web ini sama dengan layaknya toko pada umum nya. Jadi ketika customer membeli suatu produk, lalu checkout, pilih pembayaran Midtrans, dan jika sukses maka customer bisa mengunduh produk yang di simpan dari sistem aplikasi. Customer akan menerima notifikasi email, misal invoice milik customer adalah 80xxxx telah membeli suatu produk.

Fitur 📱

Untuk fitur, mohon Anda bisa melihat pada rilis aplikasi.

Install ⚙️

Jika Anda seorang developer atau mahasiswa ingin menggunakan dan mengubah source code yang ada pada aplikasi web ini, maka perintah nya sebagai berikut :

1. Lakukan git clone :

git clone https://github.com/galihap76/tokoku.git

2. Masuk ke direktori tokoku :

cd tokoku

3. Install package bawahan Laravel :

composer install

4. Copy .env.example ke .env :

copy .env.example .env

5. Generate key :

php artisan key:generate

6. Import database yang berada pada folder public/assets/ dan cari nama file db_tokoku.sql.

7. Buka .env lalu ubah konfigurasi database sesuai yang ingin dipakai :

DB_PORT=3306
DB_DATABASE=
DB_USERNAME=root
DB_PASSWORD=

8. Masuk dan daftar Midtrans untuk mendapatkan MERCHANT, CLIENT, dan SECRET key. Lalu copas ini ke .env :

MIDTRANS_MERCHANT_ID = <MASUKKAN MERCHANT ID MILIK ANDA>
MIDTRANS_CLIENT_KEY = <MASUKKAN CLIENT KEY MILIK ANDA>
MIDTRANS_SERVER_KEY = <MASUKKAN SERVER KEY MILIK ANDA>

9. Tokoku memiliki sistem Single Sign On (SSO) Google, jadi Anda perlu masuk dan daftar pada console.cloud.google untuk mendapatkan CLIENT dan SECRET key.

10. Copas ini ke .env untuk bisa menggunakan sistem SSO Google :

GOOGLE_CLIENT_ID= <MASUKKAN CLIENT ID ANDA>
GOOGLE_CLIENT_SECRET= <MASUKKAN CLIENT SECRET ANDA>
GOOGLE_REDIRECT_URI= <MASUKKAN REDIRECT URI APLIKASI WEB ANDA>

11. Untuk mengirim dan menerima email menggunakan protokol SMTP, daftar pada situs mailtrap untuk bahan percobaan.

12. Terakhir, sesuaikan konfigurasi MAIL Anda sendiri di .env :

MAIL_MAILER=smtp
MAIL_HOST=sandbox.smtp.mailtrap.io
MAIL_PORT=2525
MAIL_USERNAME= <MASUKKAN USERNAME ANDA>
MAIL_PASSWORD= <MASUKKAN PASSWORD ANDA>
MAIL_ENCRYPTION=null
MAIL_FROM_ADDRESS="hello@example.com"
MAIL_FROM_NAME="${APP_NAME}"

13. Selesai.

Screenshots 📸

Login	Pendaftaran
Lupa Password	Reset Password
Dashboard (Admin)	Menu Produk (Admin)
Tambah Produk (Admin)	Update Produk (Admin)
Screenshots Produk (Admin & Customer)	Produk Terjual (Admin)
Ganti Password (Admin & Customer)	Extract Screenshots (Admin)
Profile Customer (Customer)	Menu Produk (Customer)
Beli Produk / Checkout (Customer)	Metode Pembayaran (Customer)
Bukti Pembayaran (Customer)	Unduh Bukti Pembayaran (Customer)
Notifikasi Reset Password (Admin & Customer)	Notifikasi Email Beli Produk (Customer)

Penutup

Aplikasi web ini akan saya perbarui jika saya memang ada waktu. Jika ada pertanyaan bisa tekan tombol issues pada repo ini. Sekian terima kasih.