Cara Mengatur dan Menjalankan Proyek
Prasyarat
Instal Node.js:
- Unduh dan instal Node.js dari situs resmi: https://nodejs.org/en/download/
- Verifikasi instalasi:
Instal Git:
- Pastikan Git diinstal pada sistem Anda: https://git-scm.com/
MongoDB dan Stripe:
- Siapkan database MongoDB dan akun Stripe untuk pemrosesan pembayaran.
Langkah-langkah Menjalankan Backend
- Buka folder proyek di VS Code atau editor kode apa pun.
- Arahkan ke folder
backend
: - Instal dependensi:
- Konfigurasikan file
.env
:- Tambahkan variabel berikut ke file
backend/.env
: MONGO_URI = mongodb+srv://<username>:<password>@cluster.mongodb.net/<dbname>
STRIPE_SECRET_KEY = your_stripe_secret_key
PORT = 5000
- Ganti
<username>
, <password>
, dan <dbname>
dengan kredensial MongoDB Anda. - Tambahkan kunci rahasia Stripe Anda.
- Mulai server backend:
- Backend akan berjalan di
http://localhost:5000
.
Langkah-langkah Menjalankan Frontend
- Arahkan ke folder
frontend
: - Instal dependensi:
- Mulai bagian depan:
- Buka aplikasi:
- Frontend akan berjalan di
http://localhost:5173
. Buka tautan ini di browser Anda.
Langkah-langkah Menjalankan Panel Admin
- Arahkan ke folder
admin
: - Instal dependensi:
- Mulai panel admin:
- Buka panel admin:
- Panel admin akan berjalan di
http://localhost:5174
. Buka tautan ini di browser Anda.
Catatan
- Pastikan server backend berjalan sebelum memulai panel frontend atau admin.
- Pengaturan Basis Data:
- MongoDB harus berjalan, dan database Anda harus memiliki koleksi yang sesuai (
users
, products
, orders
).
- Pembayaran Garis:
- Pembayaran hanya akan berfungsi jika Stripe dikonfigurasi dengan benar di file
.env
.
- Variabel Lingkungan:
- Pastikan semua variabel yang diperlukan diatur dengan benar di masing-masing file
.env
.
Pemecahan masalah
- Jika Anda mengalami masalah apa pun, periksa log terminal untuk menemukan kesalahan.
- Pastikan Node.js dan MongoDB diinstal dan dijalankan dengan benar.
- Hapus cache browser jika frontend atau panel admin gagal dimuat.
Untuk bantuan lebih lanjut, jangan ragu untuk menghubungi!