REPOSITORY OVERVIEWLive repository statistics
★ 1Stars
⑂ 0Forks
◯ 0Open issues
◉ 1Watchers
34/100
OPENREPOHUB HEALTH SIGNALLimited signals
A transparent discovery signal based on current public GitHub metadata.
Recent activity35% weight
30 Community adoption25% weight
0 Maintenance state20% weight
100 License clarity10% weight
0 Project information10% weight
35 This score does not audit code, security, maintainers, documentation quality, or suitability. Verify the repository and its current documentation before adoption.
README preview
Proyek Web dengan Front-End dan Back-End
Proyek ini terdiri dari dua bagian utama:
- Front-End: HTML, CSS, dan JavaScript yang dijalankan menggunakan Live Server.
- Back-End: PHP dan MySQL yang dijalankan pada Apache Web Server di localhost.
Fitur Utama
- Front-End berjalan menggunakan Live Server (untuk pengembangan lokal).
- Back-End menggunakan PHP untuk menangani logika server.
- Database MySQL untuk penyimpanan data.
- Web server berjalan pada Apache Server (lokal).
Prasyarat
Untuk menjalankan proyek ini di komputer Anda, pastikan Anda memiliki hal-hal berikut:
- XAMPP/WAMP/MAMP atau LAMP untuk menjalankan Apache Server dan MySQL.
- Visual Studio Code (atau editor kode lainnya) untuk mengedit file.
- Live Server Extension di Visual Studio Code (untuk menjalankan front-end).
Langkah-Langkah Instalasi
1. Mengatur Server Lokal
- Download dan install XAMPP (atau WAMP/MAMP) dari situs resmi XAMPP.
- Setelah instalasi selesai, buka XAMPP dan mulai layanan Apache dan MySQL.
2. Menyiapkan Database
- Buka phpMyAdmin melalui browser dengan mengakses
http://localhost/phpmyadmin/.
- Buat database baru untuk aplikasi Anda, misalnya
minimarket.
3. Menyiapkan Proyek
- Clone Repositori minimarketApp ke dalam folder htdocs (jika menggunakan XAMPP) atau folder
www (jika menggunakan WAMP) di direktori instalasi server Anda.
- Misalnya:
C:\xampp\htdocs\minimarketApp
- Pindahkan folder
api ke dalam direktori C:\xampp\htdocs\
- Impor database
minimarket.sql yang ada pada folder db ke datatabse yang baru dibuat.
- Folder
front-end (HTML, CSS, JS) bisa ditempatkan di dalam folder yang sesuai di dalam direktori proyek.
4. Menjalankan Back-End
- Buka aplikasi XAMPP
- Jalankan server Apache dan MySQL
5. Menjalankan Front-End dengan Live Server
- Buka Visual Studio Code dan buka folder proyek Anda
front-end.
- Install Live Server extension jika belum ada (bisa diinstal melalui VS Code Extensions).
- Klik kanan pada file
index.html (atau file utama Anda) dan pilih Open with Live Server.
- Anda bisa mengakses front-end melalui browser di
http://localhost:5500/ (port default Live Server).
6. RESULT
1. Dashboard (index.html)

2. Barang / Product (barang.html)

3. Transaksi (transaksi.html)


Link Youtube Tutorial:
https://www.youtube.com/watch?v=YZ73Q51ZXvg