TugasPaaS/README.md

SecondTech Market

Marketplace barang bekas teknologi dengan frontend Vue dan backend Node.js Express.

Stack

• Vue 3
• Vite
• Tailwind CSS
• Vue Router
• Express
• MySQL
• Multer untuk upload foto
• JWT untuk sesi login

Fitur

• Register dan login ke database
• Password disimpan sebagai hash
• Marketplace produk dari MySQL
• Detail produk
• Search produk
• Filter kategori dan kondisi
• Upload foto barang dari file perangkat
• Dashboard barang saya
• Tandai barang terjual
• Hapus barang milik sendiri
• Tombol WhatsApp penjual
• Bookmark barang di browser

Setup Database

1. Buka phpMyAdmin.
2. Pilih menu Import.
3. Import file database.sql.
4. Pastikan database secondtech_market berhasil dibuat.

Setup Environment

Copy .env.example menjadi .env, lalu sesuaikan koneksi MySQL:

DB_HOST=localhost
DB_PORT=3306
DB_USER=root
DB_PASSWORD=
DB_NAME=secondtech_market
JWT_SECRET=ganti_dengan_secret_yang_panjang

Jika frontend memakai port Vite default, biarkan:

VITE_API_URL=http://localhost:5000
CLIENT_URL=http://localhost:5173

Cara Menjalankan

Install dependency:

npm install

Jalankan backend:

npm run dev:api

Jalankan frontend di terminal lain:

npm run dev

Buka:

http://localhost:5173

Upload Foto

Foto yang diupload tersimpan di:

server/uploads

URL foto disimpan di MySQL sebagai path /uploads/nama-file.