https://github.com/ariframaps/gitarkun

Guitar Tablature/Notation E-Commerce Website. This website is specifically designed to help musicians sell and buy guitar tablature/arrangements such as fingerstyle or classical guitar in PDF format. Here is a list of the features of the website.
https://github.com/ariframaps/gitarkun

expressjs mongodb mongoose nextjs reactjs reactquery zod

Last synced: 3 months ago
JSON representation

Guitar Tablature/Notation E-Commerce Website. This website is specifically designed to help musicians sell and buy guitar tablature/arrangements such as fingerstyle or classical guitar in PDF format. Here is a list of the features of the website.

• Host: GitHub
• URL: https://github.com/ariframaps/gitarkun
• Owner: ariframaps
• Created: 2024-12-03T01:01:24.000Z (over 1 year ago)
• Default Branch: master
• Last Pushed: 2025-01-13T01:54:26.000Z (over 1 year ago)
• Last Synced: 2026-01-03T12:25:08.855Z (6 months ago)
• Topics: expressjs, mongodb, mongoose, nextjs, reactjs, reactquery, zod
• Language: TypeScript
• Homepage: https://gitarkun.vercel.app
• Size: 816 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# **Dokumentasi Website E-Commerce Notasi/Tablature Gitar**

Selamat datang di dokumentasi untuk **Website E-Commerce Notasi/Tablature Gitar**. Website ini dirancang khusus untuk membantu musisi menjual dan membeli tablature/aransemen gitar seperti fingerstyle atau gitar klasik dalam format PDF. Berikut adalah daftar fitur fitur dari website.

---

## **Fitur Website**

### **1. Halaman Utama (Homepage)**

- **Produk Terbaru**

  - Menampilkan hingga 9 produk terbaru.

  - Menggunakan carousel atau grid layout untuk tampilan menarik.

---

### **2. Eksplorasi (Explore)**

- **Pencarian Produk**

  - Kolom pencarian.

- **Filter & Urutkan**

  - **Filter:**

    - Tingkat Kesulitan: "Beginner," "Intermediate," "Advanced."

  - **Urutkan:**

    - Harga: Dari termurah ke termahal atau sebaliknya.

- **Daftar Produk**

  - Menampilkan hasil pencarian, filter, dan urutan dalam bentuk grid.

  - Setiap produk mencantumkan:

    - Gambar, nama, harga, nama, dan link untuk melihat detail.

- **Detail Produk**

  - Menampilkan informasi produk:

    - Gambar, judul, deskripsi, kategori, tingkat kesulitan, harga.

    - Tombol **"Add to Cart."**

    - **Produk Serupa:** Rekomendasi produk berdasarkan kategori.

---

### **3. Jual Produk (Start Selling)**

- **Dashboard Analitik**

  - Menampilkan data seperti:

    - Total penjualan, produk terjual, dan total pendapatan.

- **Produk yang Dibeli**

  - Daftar produk yang telah dibeli oleh pengguna.

  - Fitur:

    - Tombol Link download dilindungi.

- **Produk Anda**

  - Daftar produk yang telah diunggah oleh penjual.

  - Fitur:

    - Tambah, edit, dan hapus produk.

- **Tambah Produk**

  - Form untuk menambahkan produk baru dengan input seperti:

    - Judul, link gambar, deskripsi, harga, tingkat kesulitan, kategori, dan link PDF.

- **Hapus Produk**

  - Menghapus produk dari daftar penjual.

---

### **4. Keranjang Belanja (Cart)**

- Menampilkan produk yang telah ditambahkan pengguna ke keranjang.

- Fitur:

  - Hapus produk dari keranjang (produk tidak bisa diduplikasi).

  - Menampilkan total produk dan total harga.

---

### **5. Checkout**

- Proses checkout meliputi:

  - Simulasi checkout.

  - Email konfirmasi berisi link download PDF setelah pembayaran berhasil.

- **Catatan:** Integrasi payment gateway masih dalam tahap pengembangan.

---

### **6. Autentikasi (Authentication)**

- **Registrasi & Login Pengguna**

  - Menggunakan **Clerk** dengan opsi login melalui email/password atau media sosial.

- **Akses Berdasarkan Role**

  - **Pembeli:** Dapat membeli dan mendownload produk.

  - **Penjual:** Dapat mengelola produk dan melihat analitik penjualan.

---

## **Teknologi yang Digunakan**

- **Frontend:** React.js dengan Next.js (Hooks, State Management).

- **Backend:** Node.js dan Express.js.

- **Database:** MongoDB dengan Mongoose.

- **Autentikasi:** Clerk untuk login dan role-based access.

- **Email Service:** (dalam pengembangan).

- **Payment Gateway:** (sedang dikembangkan).

---

## **Fitur yang Akan Dikembangkan**

- Integrasi payment gateway.

- Email konfirmasi

---