GitHunt
SA

salahketik/Fee-Rainbow

Website katalog dan manajemen toko buket berbasis PHP Native (procedural). Termasuk fitur CRUD, login admin, dan galeri produk.

๐ŸŒˆ Fee Rainbow โ€” Website Toko Buket Online (PHP Procedural)

๐Ÿ“ฅ Ingin mendapatkan file lengkap proyek ini?
๐Ÿ‘‰ Klik di sini untuk mengakses file atau
โœ‰๏ธ Hubungi saya langsung melalui GitHub

visitor badge last commit repo size open issues GitHub stars GitHub forks license top language

Fee Rainbow adalah website katalog dan manajemen toko buket yang dikembangkan menggunakan PHP native/prosedural. Website ini dibuat karena sebelumnya sepupu saya belum memiliki website untuk usaha bouquet-nya. Saya membangun website ini sebagai bagian dari proses belajar, dengan bantuan teknologi AI, namun saya tetap memahami kode yang digunakan dan terus melakukan eksperimen sendiri.


๐ŸŽฏ Tujuan & Latar Belakang

  • Membantu keluarga (sepupu) yang belum memiliki sistem penjualan digital
  • Belajar membangun sistem web dari nol menggunakan PHP procedural tanpa framework
  • Melatih pemahaman terhadap pengolahan data MySQL, sistem login, dan struktur web modular
  • Menggunakan bantuan AI sebagai pendamping belajar, namun tetap menulis dan memahami logika sendiri

๐Ÿ”ง Fitur Website

  • Autentikasi Admin (Login & Logout)
  • CRUD Produk Buket (gambar, nama, harga, kategori, subkategori, dan occasion)
  • Manajemen Data Kategori, Subkategori, dan Occasion
  • Upload & Tampilan Gambar Produk
  • Tampilan Katalog Produk untuk Pengunjung
  • Panel Admin Sederhana dan mudah dikembangkan

๐Ÿš€ Live Demo

๐Ÿงช Versi Awal โ€” Eksperimen Awal

โš™๏ธ Versi Pengembangan โ€” Telah Dikembangkan

๐Ÿ”’ Akses admin tidak dibuka untuk publik pada versi ini.

๐Ÿ‘ฅ Login Demo Publik

  • ๐Ÿ”“ Login Demo User: Demo User
  • ๐Ÿ” Login Admin (v2): Demo Admin
    • Username: admin1234
    • Password: admin1234

๐Ÿ’ก Silakan gunakan akun demo jika hanya ingin mencoba fitur dasar. Data dapat direset sewaktu-waktu.


๐Ÿงฐ Teknologi yang Digunakan

  • PHP Native (Procedural)
  • MySQL
  • HTML5 + CSS3
  • JavaScript

๐Ÿ“‚ Struktur Folder

Fee-Rainbow/
โ”œโ”€โ”€ admin/              # Panel admin (controllers, models, views)
โ”œโ”€โ”€ app/                # Tampilan frontend & controller untuk pengguna
โ”œโ”€โ”€ config/             # File konfigurasi database
โ”œโ”€โ”€ assets/             # Aset seperti CSS, JS, dan ikon
โ”œโ”€โ”€ uploads/            # penyimpanan gambar produk otomatis
โ””โ”€โ”€ index.php           # Entry point homepage

๐Ÿ“ฆ Cara Menjalankan Proyek

  1. Clone repo ini:

    git clone https://github.com/siegrin/Fee-Rainbow.git
  2. Jalankan web server lokal (XAMPP)

  3. Import file database .sql ke phpMyAdmin

  4. Konfigurasi config/database.php sesuai pengaturan lokal

  5. Akses melalui browser: http://localhost/Fee-Rainbow

๐Ÿ“ท Preview Antarmuka

Berikut tampilan antarmuka dari website Fee Rainbow:

Tampilan Halaman User

Tampilan Dashboard Admin


๐Ÿ“ฅ Kontak & Update

Jika Anda tertarik dengan proyek ini atau ingin melihat update terbarunya:

  • Hubungi saya melalui GitHub: @siegrin
  • Versi terbaru akan diumumkan secara berkala di halaman repo ini

๐Ÿค Kontribusi

Kontribusi, kritik, atau masukan sangat diterima!
Silakan ajukan Issue atau kirim Pull Request.


๐Ÿ“– Catatan Pribadi

Website ini adalah hasil kerja keras mandiri yang saya bangun sambil belajar, bereksperimen, dan memahami setiap baris kode yang ditulis. Teknologi AI digunakan sebagai alat bantu eksplorasi dan pendamping belajar โ€” bukan sebagai pengganti logika atau pemahaman.
Saya berharap proyek ini dapat terus berkembang dan menjadi inspirasi bagi pembuat website pemula lainnya.


๐Ÿชช Lisensi

Proyek ini bersifat pribadi namun terbuka untuk digunakan kembali dalam konteks:

  • ๐Ÿ“š Pembelajaran mandiri atau kelas
  • ๐ŸŽ“ Tugas akhir, laporan PKL, atau skripsi
  • ๐Ÿ›’ Prototipe usaha kecil seperti toko buket, florist, dll

Silakan fork dan modifikasi sesuai kebutuhan Anda.


๐Ÿ“ˆ Statistik GitHub


โญ Dukung Proyek Ini

Jika kamu merasa terbantu, terinspirasi, atau sekadar ingin mendukung:

โ†’ Beri bintang โญ di repository ini!

Itu sangat berarti dan menjadi motivasi besar untuk terus belajar dan berbagi.
Terima kasih atas kunjungannya, semoga bermanfaat! ๐ŸŒธ