Logo
© 2019 - 2026 SantriKoding.
All Levels

Membangun Dashboard dan Aplikasi Android Food Store Dengan Laravel Filament, React Native dan Payment Gateway

5.0 (1 ulasan)
20 members
DISKON 60%
Rp. 999.000
Rp. 399.600

TENTANG


Dalam eBook ini, kita akan belajar bersama cara membuat sebuah aplikasi penjualan makanan (food store) menggunakan Laravel Filament, React Native, dan Payment Gateway (Midtrans). Project ini dirancang untuk memberikan pemahaman yang mendalam tentang pengembangan aplikasi modern.

Laravel Filament akan digunakan untuk membangun Content Management System (CMS). CMS ini berfungsi untuk mengelola data utama, seperti kategori, produk, slider, dan sebagainya. Dengan Laravel Filament, proses pembuatan aplikasi menjadi jauh lebih efisien karena fitur-fitur utama sudah tersedia dan dapat dihasilkan secara otomatis. Kita hanya perlu melakukan sedikit penyesuaian untuk memenuhi kebutuhan spesifik aplikasi.

RESTful API akan menjadi jembatan antara backend (Laravel) dan frontend (React Native). Dengan menerapkan prinsip RESTful, kita akan mengembangkan API yang konsisten, terstruktur, dan mudah dipahami. API ini akan memungkinkan React Native mengambil data dari Laravel secara real-time, seperti daftar produk, kategori, atau riwayat pesanan pengguna. Selain itu, API ini juga berfungsi untuk menangani operasi seperti menambah produk ke keranjang belanja, memproses pesanan, hingga melakukan pembayaran melalui Midtrans.

Pada sisi tampilan depan (frontend), kita akan menggunakan React Native untuk membangun aplikasi mobile yang dapat berjalan di Android. Dengan React Native, pengalaman pengguna menjadi lebih modern dan nyaman karena aplikasi dapat berjalan secara native dengan performa yang optimal.

Untuk proses pembayaran, kita akan mengintegrasikan Midtrans sebagai payment gateway. Midtrans memungkinkan pelanggan melakukan pembayaran secara otomatis, sehingga sistem pembayaran menjadi lebih praktis tanpa perlu penanganan manual. Hal ini membuat aplikasi lebih profesional dan efisien dalam mengelola transaksi.

Setelah aplikasi backend selesai dikembangkan, kita akan mempelajari proses deployment agar aplikasi dapat diakses secara global melalui internet. Dalam bab ini, kita akan membahas langkah-langkah membeli VPS (Virtual Private Server), mengonfigurasi LEMP stack (Linux, Nginx, MySQL, PHP), hingga memasang SSL untuk keamanan API.

Setelah itu, kita akan membahas bagaimana cara mempersiapkan dan merilis aplikasi React Native ke Play Store. Proses ini dimulai dengan pembuatan dan pengelolaan keystore, yang merupakan file penting untuk menandatangani aplikasi Android sebelum dirilis.

Langkah terakhir adalah mengunggah APK atau AAB ke Google Play Console, mengisi detail aplikasi seperti ikon, deskripsi, dan kategori, serta menjalani proses review oleh Google sebelum aplikasi resmi tersedia untuk diunduh oleh pengguna.

Dengan mengikuti panduan dalam eBook ini, kita akan mendapatkan pengalaman dalam membangun aplikasi penjualan online (Food Store) dari awal hingga siap digunakan (production).

DEMO URL
Dashboard (Laravel & Filament) https://api.food-store.my.id/admin/login
Aplikasi Android Install Apps dari Play Store

DAFTAR ISI


Pendahuluan
Cover
Kata Pengantar
Lisensi
Tentang
Perancangan
Struktur dan Relasi Table Database
Installasi & Persiapan
Persiapan dan Tools Pendukung
Membuat project Laravel
Konfigurasi File .env
Konfigurasi Raja Ongkir
Apa itu RajaOngkir ?
Installasi & Konfigurasi RajaOngkir
Konfigurasi Payment Gateway (Midtrans)
Apa itu Payment Gateway ?
Installasi dan Konfigurasi Midtrans
Database
Membuat Model dan Migration
Eloquent Relationships
Menjalankan Migration
Konfigurasi Slug
Installasi & Konfigurasi Filament
Apa itu Laravel Filament ?
Install dan Konfigurasi Laravel Filament
CRUD Categories
Membuat Resource Category
Membuat Form Category
Menampilkan Data Categories
CRUD Products
Membuat Resource Product
Membuat Form Product
Menampilkan Data Products
CRUD Sliders
Membuat Resource Slider
Membuat Form Slider
Menampilkan Data Sliders
Carts
Membuat Resource Cart
Menampilkan Data Carts
Transactions
Membuat Resource Transaction
Menampilkan Data Transactions
Membuat Page Detail Transaction
Ratings & Reviews
Membuat Resource Rating
Menampilkan Data Rating
Customers
Membuat Resource Customer
Menampilkan Data Customers
CRUD Users
Membuat Resource User
Membuat Form User
Menampilkan Data Users
Dashboard
Membuat Widget Chart Data Transaction
Installasi JWT (JSON Web Token)
Apa itu JWT ?
Installasi dan Konfigurasi JWT
RESTful API - Customer
Membuat RESTful API Register
Membuat RESTful API Login
Membuat RESTful API Logout
Membuat RESTful API My Orders
Membuat RESTful API My Profile
Membuat RESTful API Rating
RESTful API - Public
Membuat RESTful API Sliders
Membuat RESTful API Categories
Membuat RESTful API Products
Membuat RESTful API Carts
Membuat RESTful API Raja Ongkir
Membuat RESTful API Checkout
Membuat Callback Payment Gateway
Installasi & Persiapan Android (React Native)
Konfigurasi Environment Development
Membuat Project React Native
Assets Aplikasi
Navigations
Installasi dan Konfigurasi React Native Navigation
Membuat Screen Aplikasi
Membuat Bottom Tabs Navigation
Menampilkan Navigation Aplikasi
Konfigurasi Service Backend API
Installasi dan Konfigurasi React Native DotEnv
Installasi dan Konfigurasi Axios
Membuat Reusable Component
Membuat Component Loading
Membuat Component Back Button
Membuat Component Slider
State Management (Zustand)
Apa itu Zustand ?
Installasi dan Konfigurasi Zustand
Authentication
Membuat Screen Register dan Login
Membuat Navigation Register dan Login
Membuat Proses Register
Membuat Proses Login
Membuat Component Customer Menu
My Orders
Menampilkan Data Orders
Menampilkan Detail Order
Menampilkan Snap Payment Midtrans
Membuat Fitur Ratings
Profile
Membuat Proses Update Profile
Halaman Home Screen
Membuat Navigation Product
Membuat Component SearchBar
Menampilkan SearchBar di Home Screen
Menampilkan Data Sliders di Home Screen
Menampilkan Data Categories di Home Screen
Membuat Component Button Add to Cart
Menampilkan Products Populer
Menampilkan Products Terbaru
Halaman Products Screen
Menampilkan Lists Data Products
Menampilkan Detail Data Product
Menampilkan Button Add To Cart di Detail Product
Menampilkan Lists Data Products By Category
Halaman Carts Screen
Menampilkan Data Carts
Membuat Fungsi Increment dan Decrement Cart
Membuat Fungsi Delete Cart
Halaman Checkout Screen
Membuat Navigation Checkout
Membuat Component Search Destination
Menampilkan Search Destination
Menghitung Biaya Ongkos Kirim
Membuat Proses Checkout
Uji Coba Pembayaran Menggunakan Payment Gateway
Fitur Pencarian
Membuat Fitur Pencarian
Deployment Backend
Membeli VPS (Virtual Private Server)
Konfirugasi LEMP Stack
Deploy Project ke Server
Membeli Domain
Menghubungkan Domain ke Server
Memasang SSL di Server
Konfigurasi Callback Payment Gateway
Release Aplikasi ke Play Store
Membuat Bundle .abb
Release ke Play Store
Penutup
Source Code
Penutup

TOOLS

Tools yang digunakan dalam course ini

Laravel
Laravel

The PHP Framework for Web Artisans

See More
Filament
Filament

Beautiful full-stack components

See More
React Native
React Native

Create native apps for Android and iOS

See More

SCREENSHOTS

Screenshot hasil projek dari course ini

Home
Home
Detail Product
Detail Product
Keranjang Belanja
Keranjang Belanja
Checkout
Checkout
Payment Midtrans
Payment Midtrans
Detail Order
Detail Order
Login
Login
Register
Register
My Orders
My Orders
Dashboard
Dashboard
Products
Products
Detail Transaction
Detail Transaction

BENEFITS

Manfaat yang akan Anda dapatkan dari course ini


Ebook

Source Code

Private Group Member

Konsultasi Belajar

Update Materi

Kupon Diskon Hosting

Sertifikat

Akses Selamanya

Real Studi Kasus

DISUSUN OLEH

Tim expert yang menyusun course ini

Fika Ridaul Maulayya
Fika Ridaul Maulayya
PREMIUM MEMBER

Full-Stack Developer, Content Creator and CEO & Founder SantriKoding.com


ULASAN MEMBERS

Apa kata mereka tentang course ini

Arimbi Putri

Pengen Jadi Software Engineer

"Materinya lengkap, dibahas detail dan jelas. Support groupnya juga fast response 🤏"

Butuh Bantuan?