IcalCafe adalah aplikasi E-Commerce full-stack yang dirancang khusus untuk bisnis Food & Beverage (FnB), khususnya kedai kopi dan toko kue. Proyek ini dikembangkan sebagai portofolio profesional untuk menunjukkan kemampuan pengembangan web modern yang tangguh, aman, dan responsif.
Aplikasi ini tidak hanya berfungsi sebagai etalase digital yang estetis untuk menu kopi dan pastry, tetapi juga dilengkapi dengan sistem manajemen konten (CMS) yang kuat. Hal ini memungkinkan pemilik bisnis untuk mengelola inventaris produk, menulis artikel blog untuk keperluan SEO, dan memantau analitik dasar—semua dari satu dashboard admin yang terintegrasi.
- Laravel 12: Framework PHP yang kuat dan elegan untuk backend yang aman dan skalabel.
- Blade & Vite: Kombinasi templating engine dan build tool super cepat untuk performa frontend yang optimal.
- Tailwind CSS (v4): Framework CSS utility-first untuk desain antarmuka yang modern dan responsif dengan cepat.
- SQLite: Database ringan yang memudahkan proses setup dan deployment awal.
- Otentikasi Aman: Login tunggal untuk administrator.
- Manajemen Menu (CRUD): Tambah, edit, dan hapus produk (Kopi, Pastry, Roti) lengkap dengan stok dan harga.
- Blog SEO: Tulis artikel menarik menggunakan Rich Text Editor (TinyMCE) untuk meningkatkan visibilitas mesin pencari.
- Dashboard Analitik: Pantau jumlah postingan, produk, dan total tayangan blog.
- Desain Responsif: Tampilan menawan di desktop, tablet, dan ponsel.
- Halaman Menu: Katalog produk yang dikategorikan dengan simulasi fitur "Add to Cart".
- Blog: Halaman blog interaktif untuk menarik pelanggan.
- Informasi Kontak: Formulir kontak dan integrasi peta/sosial media.
Ikuti langkah-langkah berikut untuk menjalankan proyek ini di mesin lokal Anda:
Pastikan Anda telah menginstal:
- PHP >= 8.2
- Composer
- Node.js & NPM
-
Clone Repositori
git clone https://github.com/username/icalcafe.git cd icalcafe -
Instal Dependensi PHP
composer install
-
Instal Dependensi Frontend
npm install
-
Konfigurasi Environment Salin file contoh
.envdan buat kunci aplikasi baru:cp .env.example .env php artisan key:generate
-
Setup Database Buat file database SQLite (jika belum ada) dan jalankan migrasi serta seeder untuk membuat akun admin:
touch database/database.sqlite php artisan migrate:fresh --seed
Catatan: Perintah
--seedsangat penting karena akan membuat akun Admin default. -
Link Storage Hubungkan folder publik ke penyimpanan sistem untuk gambar:
php artisan storage:link
-
Jalankan Aplikasi Buka dua terminal terpisah untuk menjalankan server backend dan frontend:
Terminal 1 (Laravel Server):
php artisan serve
Terminal 2 (Vite Development):
npm run dev
Akses aplikasi di browser Anda melalui: http://localhost:8000
Pengunjung dapat melihat halaman beranda, menu, blog, dan menghubungi admin tanpa perlu login.
Untuk mengelola konten, Anda harus masuk ke panel admin.
-
Buka URL:
http://localhost:8000/admin/login -
Gunakan kredensial berikut:
Role Email Password Admin admin@icalcafe.compassword -
Setelah login, Anda akan diarahkan ke Dashboard.
-
Gunakan sidebar untuk navigasi ke Posts (Blog) atau Menu / Products.
Struktur folder utama dalam proyek Laravel ini:
app/Models: Definisi data untukUser,Post, danProduct.app/Http/Controllers: Logika backend (Admin\PostController,PublicController, dll).database/migrations: Skema database.resources/views: Tampilan antarmuka (Frontend & Admin).layouts: Template utama (public.blade.php,admin.blade.php).admin: Halaman khusus admin.
routes/web.php: Definisi rute aplikasi.
Proyek ini dibuat dan dikelola oleh pengembang portofolio ini.
- Framework: Laravel
- Styling: Tailwind CSS
- Icons: FontAwesome
- Rich Text Editor: TinyMCE
- Fonts: Instrument Sans via Bunny Fonts
Proyek ini adalah perangkat lunak open-source yang dilisensikan di bawah MIT license.