Ornamental Nursery Project

Proyek Pembibitan Hias

Selamat datang di Hias Nursery Project, toko online pembibitan tanaman hias yang berlokasi di Chile. Proyek ini adalah usaha resmi pertama saya dalam pengembangan web, menampilkan situs web dinamis dan ramah pengguna untuk bisnis pembibitan lokal.

Ikhtisar Proyek

Proyek ini menampilkan pembibitan tanaman hias di Chile, menyediakan platform online di mana pelanggan dapat menjelajahi dan membeli berbagai tanaman hias. Situs ini dibangun menggunakan PHP untuk backend, Vanilla JavaScript untuk interaktivitas, SCSS untuk penataan gaya, dan Gulp untuk otomatisasi tugas. Arsitekturnya mengikuti pola Model-View-Controller (MVC) untuk memastikan basis kode yang bersih dan terorganisir.

Fitur

• Otentikasi Pengguna: Login dan registrasi yang aman untuk pelanggan.
• Katalog Produk: Telusuri berbagai macam tanaman hias dengan deskripsi dan gambar detail.
• Keranjang Belanja: Tambahkan tanaman ke keranjang belanja dan kelola keranjang sebelum checkout.
• Manajemen Pesanan: Pelanggan dapat melihat riwayat pesanan mereka dan melacak pesanan saat ini.
• Desain Responsif: Dioptimalkan untuk desktop dan perangkat seluler untuk pengalaman pengguna yang lancar.

Teknologi yang Digunakan

• Bagian belakang: PHP
• Bagian depan: JavaScript Vanila
• Gaya: SCSS
• Pelari Tugas: Gulp
• Arsitektur: Model-View-Controller (MVC)

Struktur Proyek

• controllers/ - Berisi pengontrol yang mengelola logika aplikasi.
• models/ - Berisi model yang mewakili data dan logika bisnis.
• views/ - Berisi tampilan yang bertanggung jawab untuk menampilkan antarmuka pengguna.
• public/ - Berisi file yang dapat diakses publik seperti CSS, JavaScript, dan gambar.
• src/scss/ - File sumber untuk penataan gaya SCSS.
• gulpfile.js - Konfigurasi untuk tugas Gulp.

Instalasi

Untuk menyiapkan proyek secara lokal, ikuti langkah-langkah berikut:

1. Kloning Repositori:

   git clone https://github.com/yourusername/ornamental-nursery-project.git

2. Arahkan ke Direktori Proyek:

    cd ornamental-nursery-project

3. Instal Ketergantungan:

   npm install

4. Kompilasi SCSS dan Perhatikan Perubahannya:

   gulp

5. Siapkan Basis Data:

   • Buat database MySQL dan impor file SQL yang disediakan.
   • Konfigurasikan koneksi database di file config.php .

6. Mulai Server Pengembangan:

   • Gunakan server pengembangan lokal (misalnya XAMPP, WAMP, MAMP) untuk menyajikan file proyek.

Penggunaan

1. Akses Situs:

   • Buka browser web Anda dan navigasikan ke http://localhost/ornamental-nursery-project .

2. Jelajahi Fitur:

   • Jelajahi katalog, tambahkan item ke keranjang Anda, dan lanjutkan ke pembayaran.

3. Kelola Pesanan:

   • Masuk untuk melihat riwayat pesanan Anda dan melacak pesanan saat ini.

Berkontribusi

Kontribusi dipersilakan! Jika Anda memiliki saran untuk perbaikan atau fitur baru, silakan buka masalah atau kirimkan permintaan penarikan.

Lisensi

Proyek ini dilisensikan di bawah Lisensi MIT. Lihat file LISENSI untuk detailnya.

Ucapan Terima Kasih

• Terima kasih khusus kepada pembibitan setempat atas kolaborasinya dalam proyek ini.
• Terima kasih kepada komunitas sumber terbuka yang telah menyediakan alat dan sumber daya yang memungkinkan proyek ini terwujud.Chile