GreenLife: Eco-Friendly E-Commerce Platform

Tentang Proyek

Proyek ini bertujuan untuk menciptakan pengalaman belanja daring yang intuitif bagi pengguna yang mencari produk organik dan berkelanjutan. Fokus utama adalah pada penyajian informasi produk yang padat namun tetap mudah dibaca, serta sistem navigasi filter yang memudahkan pencarian kategori tertentu seperti pupuk padat, cair, dan biopestisida.

Fitur Utama:

>Responsive Product Grid: Layout katalog yang fleksibel dan optimal di berbagai ukuran layar (Desktop, Tablet, Mobile).

>Interactive Sidebar: Filter kategori dan ulasan terbaru untuk meningkatkan kepercayaan pembeli (social proof).

>Optimized CTA (Call-to-Action): Desain tombol "Tambah ke Keranjang" dan "Chat" yang ringkas namun menonjol untuk mendorong interaksi pengguna.

>Clean Visual Hierarchy: Penggunaan tipografi dan skema warna hijau yang memperkuat identitas brand "Organik".

>Performance-First Architecture: Menggunakan Vite sebagai build tool modern untuk memastikan pemuatan halaman yang instan melalui pemrosesan aset yang sangat efisien.

>SEO-Semantic HTML: Struktur kode pada Laravel Blade disusun menggunakan tag HTML5 semantik untuk memudahkan mesin pencari (SEO) mengindeks kategori produk dan informasi edukasi pertanian.

>Zero-Runtime CSS: Memanfaatkan fitur Purge pada Tailwind CSS sehingga file CSS akhir hanya berisi kode yang benar-benar digunakan, menghasilkan ukuran file yang sangat kecil dan ringan.

Teknologi yang Digunakan:

>Laravel: Sebagai framework backend (Blade templating).

>Tailwind CSS: Untuk styling yang cepat, responsif, dan kustomisasi komponen yang presisi.

>FontAwesome: Untuk integrasi ikonografi yang memperjelas fungsi navigasi.

>Vite: Sebagai frontend bundler generasi terbaru yang memberikan pengalaman pengembangan super cepat dengan Hot Module Replacement (HMR).

>PostCSS & Autoprefixer: Menjamin kompatibilitas tampilan CSS di berbagai browser (Chrome, Safari, Firefox, Edge) secara otomatis.

>Intervention Image: Untuk optimasi kompresi gambar produk agar beban server tetap rendah.

Secara teknis, proyek ini menerapkan standar pengembangan modern yang memisahkan struktur logika backend dengan fleksibilitas antarmuka, memastikan platform ini mudah dikembangkan (scalable) di masa depan seiring bertambahnya varian produk.