Fanthom Store - Proyek Praktik Web (Web Practice Project)

Situs web toko e-commerce sederhana yang dibangun dengan HTML, CSS, dan PHP native sebagai proyek praktik pemrograman web (UPRAK). Aplikasi ini mendemonstrasikan konsep dasar pengembangan web dan fungsionalitas toko online dasar.

📋 Ringkasan

Fanthom Store adalah proyek praktik pemrograman web (UPRAK - Ujian Praktik) yang menampilkan situs web e-commerce dasar. Dibangun dengan teknologi native tanpa framework, proyek ini memberikan pengalaman langsung dengan PHP, MySQL, dan pengembangan frontend.

✨ Fitur

• Katalog Produk

  • Menjelajahi produk yang tersedia.
  • Melihat detail produk.
  • Gambar dan deskripsi produk.
  • Tampilan harga.

• Keranjang Belanja

  • Menambah produk ke keranjang.
  • Melihat item di keranjang.
  • Memperbarui jumlah pesanan.
  • Menghapus item dari keranjang.

• Alur E-commerce Dasar

  • Halaman daftar produk.
  • Halaman detail produk.
  • Halaman keranjang belanja.
  • Proses checkout sederhana.

🛠️ Teknologi yang Digunakan

• HTML5: Struktur web.
• CSS3: Gaya dan tata letak.
• PHP: Logika sisi server (Server-side logic).
• MySQL: Manajemen database.
• JavaScript: Interaksi sisi klien.

📁 Struktur Proyek

web-uprak-fanthom-store/
├── index.php              # Beranda / Katalog produk
├── product.php            # Halaman detail produk  
├── cart.php              # Keranjang belanja
├── checkout.php          # Proses checkout
├── img/                  # Gambar produk
├── style.css             # Stylesheet utama
├── fathom_store.sql      # Skema database
└── README.md

🚀 Memulai

Prasyarat

• Server lokal seperti XAMPP atau WAMP.
• PHP 7.4.1 atau lebih tinggi.
• Database MySQL.

Langkah Instalasi

1. Clone Repositori
2. Pindahkan ke Direktori Server: Salin folder proyek ke htdocs (XAMPP) atau www (WAMP).
3. Setup Database:
   • Buat database baru bernama fathom_store di phpMyAdmin.
   • Impor file fathom_store.sql.
4. Konfigurasi Koneksi: Sesuaikan kredensial database di file koneksi PHP (host, user, pass, db).
5. Akses Situs: Buka browser dan arahkan ke http://localhost/web-uprak-fanthom-store.

🎓 Hasil Pembelajaran

Proyek praktik ini mengajarkan fundamental PHP, operasi database MySQL, desain web HTML/CSS, manajemen sesi (session management), logika keranjang belanja, dan struktur organisasi file web.

Dibangun untuk Praktik Pemrograman Web (UPRAK) 🛒✨
Toko e-commerce sederhana untuk belajar PHP dan MySQL!