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

10 members

DISKON 60%

Rp. 399.600

Rp. 999.000


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

Laravel

The PHP Framework for Web Artisans

Filament

Beautiful full-stack components

React Native

Create native apps for Android and iOS

SCREENSHOTS


Home

Detail Product

Keranjang Belanja

Checkout

Payment Midtrans

Detail Order

Login

Register

My Orders

Dashboard

Products

Detail Transaction

BENEFITS


Ebook

Souce Code

Private Group Member

Konsultasi Belajar

Update Materi

Kupon Diskon Hosting

Sertifikat

Akses Selamanya

Real Studi Kasus

DISUSUN OLEH

Fika Ridaul Maulayya

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