Premium Edition

Full-Stack Laravel React Native: FoodMarket Apps

Learn how to build a real project from scratch

Member

1,216 enrolled

Tingkatan
Sertifikat
Konsultasi

Develop Your Skills

React Native adalah framework yang dibangun untuk membantu para Developer dalam mengembangkan suatu aplikasi Mobile seperti Android atau iOS. Di sini kita akan belajar gimana caranya mengtransformasi dari Design di Figma ke bentuk code (tahap development) menggunakan React Native.

Nantinya juga kita akan membangun API dan CMS untuk mengatur data-data pengguna, transaksi, dan lainnya menggunakan framework PHP yaitu adalah Laravel versi 8 ditambah dengan Jetstream.

Jika kalian tertarik untuk belajar lebih lanjut tentang bagaimana caranya Website dan Mobile developer bekerja sama dalam membangun aplikasi, silakan bergabung dan kami akan tunggu di kelas.

Key Points

Membangun CMS dan APIs

Upload ke Play Store

Integrasi ke Midtrans Payment Gateway

Slicing Design to React Native

Designed For

Cocok untuk developer yang ingin belajar membuat API dengan Laravel

Cocok untuk yang sedang belajar integrasi dengan REST API

Cocok untuk yang ingin belajar membuat mobile app dengan React Native

Cocok untuk yang ingin belajar payment gateway midtrans

Learn With Expert

Angga Risky

Full-Stack Developer

Profile Mentor

Galih Pratama

Full-Stack Developer

Profile Mentor

Prawito Hudoro

Full-Stack Developer

Profile Mentor

Course Prerequisite

Kami rekomendasikan untuk mempelajari kelas di bawah

Happy Learning

Materi kelas yang bermanfaat untuk karir kita

1

Development Aplikasi Laravel

play_circle

Instalasi Laravel 8

3 mins

lock

Database (MySQL)

3 mins

play_circle

Mailtrap (Fake Email Testing)

3 mins

play_circle

Sentry (Bug Tracking)

7 mins

play_circle

Pengenalan dan Instalasi Laravel Jetstream

7 mins

lock

Pengenalan Laravel Sanctum

3 mins

2

Database Aplikasi Laravel

lock

Analisis Database

7 mins

lock

Membuat Entity Relationship Diagram

10 mins

lock

Database User

4 mins

lock

Database Produk

3 mins

lock

Database Transaksi

4 mins

lock

Model User

5 mins

lock

Model Makanan

6 mins

lock

Model Transaksi

3 mins

3

Pembuatan API

lock

Membuat Response Formatter untuk API

3 mins

lock

API Login

12 mins

lock

API Register

9 mins

lock

API Logout

3 mins

lock

API Update Profile

3 mins

lock

API User

2 mins

lock

API Upload Photo

11 mins

lock

API Food

10 mins

lock

API Transaksi

7 mins

lock

API Transaksi Update

4 mins

lock

Install Midtrans

4 mins

lock

Daftar Akun Midtrans

4 mins

lock

Konfigurasi Midtrans

4 mins

lock

API Checkout Dengan Midtrans

15 mins

lock

API Midtrans Callback

11 mins

lock

Halaman Success, Failed dan Unfinish

8 mins

lock

Membuat Dokumentasi & Testing API menggunakan Postman

9 mins

4

Pembuatan Admin Area

lock

Menambahkan Middleware Admin

3 mins

lock

Membuat Halaman Dashboard

10 mins

lock

CRUD User Controller dan Index

13 mins

lock

CRUD User FormRequest, Create dan Save

16 mins

lock

CRUD User Delete

4 mins

lock

CRUD Makanan Controller dan Index

6 mins

lock

CRUD User Edit dan Update

9 mins

lock

CRUD Makanan FormRequest, Create dan Save

10 mins

lock

CRUD Makanan Edit dan Update

5 mins

lock

CRUD Makanan Delete

1 mins

lock

CRUD Transaksi Controller dan Index

6 mins

lock

CRUD Transaksi View dan Change Status

19 mins

5

Project Setup

lock

Opening Class

2 mins

lock

Project Installation

6 mins

lock

Atomic Design

5 mins

lock

React Native SVG

5 mins

6

Slicing Authentication UI

lock

Splash Screen

11 mins

lock

Custom Fonts

3 mins

lock

React Navigation

3 mins

lock

Sign In

28 mins

lock

Moving Between Page

10 mins

lock

Sign Up

18 mins

lock

Address Page

8 mins

lock

Success Sign Up

7 mins

7

Slicing Main App UI

lock

Tab Navigator

5 mins

lock

Custom Bottom Nav

12 mins

lock

Welcoming User

4 mins

lock

Food Card

10 mins

lock

Setup Swipeable tabs

5 mins

lock

Custom Swipeable Tabs

4 mins

lock

Food List Item

16 mins

lock

Food Detail

30 mins

lock

Order Summary

15 mins

lock

Success Order

7 mins

lock

Order History

6 mins

lock

History Inprogress

27 mins

lock

Order Detail

6 mins

lock

Profile Page

10 mins

8

Redux, Form and Integration setup

lock

Form Local State

10 mins

lock

Custom Hook

12 mins

lock

API Documentation

6 mins

lock

Using Axios

6 mins

lock

Setup Redux

24 mins

lock

Implement Redux

21 mins

9

Authentication Flow Integration

lock

Sign Up Integration

4 mins

lock

Success Toast

10 mins

lock

Loading Animation

12 mins

lock

Upload Photo

15 mins

lock

Integrasi Upload Photo

17 mins

lock

Action Creator Redux

15 mins

lock

Setup Asyncstorage

16 mins

lock

Update Sign Up

7 mins

lock

Login Integration

5 mins

lock

Auto Login

8 mins

10

Home and Food Integration

lock

Food Integration

16 mins

lock

Food By Category

20 mins

lock

Detail Integration

22 mins

11

Order and Payment Integration

lock

Checkout Integration

16 mins

lock

Payment Integration

28 mins

lock

Order In progress

53 mins

lock

Cancel Order

13 mins

lock

Profile Page

3 mins

12

Deployment Play Store

lock

Icon Launcher

5 mins

lock

Generate Keystore

4 mins

lock

Build Gradle

3 mins

lock

Build APP

3 mins

lock

Release app

2 mins

lock

Registrasi Playstore

2 mins

lock

Publish

7 mins

13

Materi Bonus Deployment

lock

Materi Update Deployment

1 mins

lock

Mengamankan Aplikasi Laravel

3 mins

lock

Upload Project ke Github

4 mins

lock

Membeli Domain

3 mins

lock

Memilih Server VPS untuk Laravel

5 mins

lock

Membuat Server

4 mins

lock

Download PuTTY untuk Windows

2 mins

lock

Masuk ke Server

3 mins

lock

Konfigurasi Firewall

3 mins

lock

Memasang Nginx

2 mins

lock

Memasang MySQL

4 mins

lock

Memasang PHP

5 mins

lock

Memasang Composer

3 mins

lock

Memasang Modul PHP

1 mins

lock

Membuat Database

2 mins

lock

Mengatur Aplikasi

5 mins

lock

Mengatur Nginx, Database dan Migration

5 mins

lock

Mengatur Domain

3 mins

lock

Install PHPMyAdmin

6 mins

14

Update Materi

lock

Update Versi React Native (0.63.4)

10 mins

lock

Update Versi React (17.0.0)

2 mins

lock

Update Versi Image Picker (3.2.1)

6 mins

Tools Pendukung

Lengkapi semua pendukung di bawah sebelum belajar

Visual Studio Code

Software Gratis

Download Now

Laravel

Software Gratis

Download Now

Postman API

Software Gratis

Download Now

GitHub

Software Gratis

Download Now

Figma

Software Gratis

Download Now

React Native

Software Gratis

Download Now

PHP

Software Gratis

Download Now

XAMPP

Software Gratis

Download Now

JavaScript

Software Gratis

Download Now

1,216 Happy Members

Review setelah bergabung di kelas Full-Stack Laravel React Native: FoodMarket Apps

Muhammad Reza

Full-Stack Developer

Materi sangat bagus dan kompleks. Penyampaian yang disampaikan oleh mentor sangat mudah dipahami

Jodi Saputra Derma

Full-Stack Developer

Mantap

Roni ahmadi

Lifetime Learner

mantap bisa tambah pengalaman untuk react nativenya

Chanan artamma

Lifetime Learner

Mantap jiwa

Hasanudin Endin

Full-Stack Developer

great

Wahyu Utomo

Mobile App Developer

Bagus kelasnya, saya berharap ada kelas react native baru lagi dengan desain yang lebih segar dan ada beberapa video tentang membuat Animated.

Aditya Prasetyo

Full-Stack Developer

penyampaian mudah di pahami

Tutu Gondewa

Full-Stack Developer

mantapppssss!!!!

Hendris

Full-Stack Developer

Kelas yang bagus, penjelasan mudah di mengerti..makasih banyak.

Eko Prayitno

Full-Stack Developer

nice tutor

Imam Robani

Full-Stack Developer

Ngga salah pilih kalo tutorial react native dengan mas prawito, penjelasannya mudah dipahami

Andi Tirto

Full-Stack Developer

sangat bermanfaat dan sangat membantu dalam penjelasan dan project yang dibuat. Terima Kasih

Muhammad Rizki

Back-End Developer

Kelasnya bagus banget cocok untuk saya yang sebelumnya backgroundnya dari android native buat belajar ke react native

Sugeng

Full-Stack Developer

Terbaik

Arnold Armando Suw

Full-Stack Developer

Materinya sangat sesuai dengan apa yang dibutuhkan, sangat informatif dan membantu

Yogi Trianto

Full-Stack Developer

Oke

Yosada Dede Arissa

Full-Stack Developer

Kelas nya sangat bagus, berkulitas dan mudah dipahami

Abby Hilman

Full-Stack Developer

Terima kasih Telah mengajari dan memberikan ilmu baru

Asep Sanusi

Full-Stack Developer

Sangat membantu, mantap

Danar Noverawan

Full-Stack Developer

Pak Galih kalo ngasih tutorial kaya nge-rap. Cepet banget ngomongnya

M Rizqi Maulana

Full-Stack Developer

akan lebih baik jika ada test API berjalan dengan baik atau tidak menggunakan aplikasi seperti postman

Fauzi Jabbar

Mobile App Developer

react-native-image-picker tidak memerlukan hak akses ke galery untuk android versi 28 ke bawah

Faisal

Full-Stack Developer

ketika di edit email harus diganti

Featured Projects

1 Hasil karya terbaik di kelas Full-Stack Laravel React Native: FoodMarket Apps

 member of BuildWith Angga

arnoldarmando07

Are You The Next?

Lihat hasil karya member lainnya

View All Portfolio
#BeyondPremium

Start to Invest 100%

Langkah yang tepat untuk berinvestasi kepada
ilmu pengetahuan yang baru di bidang IT

Selamanya

Rp 425,000

Miliki kelas Premium secara permanen
dan bangun sebuah projek nyata

Akses kelas selamanya

Assets & group konsultasi

Tools pendukung belajar

Sertifikat kelulusan

Free update materi

Free akses kelas Freemium

Lowongan pekerjaan

Beli Kelas Lihat Benefit Lainnya

Berlangganan

Rp 0

Mengikuti kelas dengan waktu yang
terbatas dan biaya lebih hemat

Akses kelas terbatas

Assets & group konsultasi

Tools pendukung belajar

Sertifikat kelulusan

Free update materi

Free akses kelas Freemium

Lowongan pekerjaan

Subscribe Kelas Lihat Benefit Lainnya

Pertanyaan Umum

Langkah yang tepat untuk berinvestasi kepada
ilmu pengetahuan yang baru di bidang IT

WhatsApp Admin

Tingkatan kelas Premium yang kami miliki dibangun untuk All Levels yang memberartikan bahwa cocok untuk seluruh tingkatan. Kami juga menyarankan calon member untuk mengikuti kelas Starter (gratis) terlebih dahulu sebagai permulaan.

Kami telah menyediakan kelas yang terstruktur dan well-designed oleh mentor yang berpengalaman sehingga akan sangat mudah untuk dipahami oleh siapa saja.

Sertifikat kelulusan kelas hanya tersedia pada kelas Premium. Dan untuk mendapatkannya, para member diwajibkan untuk menyelesaikan seluruh materi kelas dan juga Quiz yang telah disediakan oleh mentor.

Salah satu benefit unggulan kami adalah group konsultasi yang diberikan sebagai bonus untuk member yang telah mengikuti kelas Premium di platform BuildWith Angga. Silahkan menghubungi Admin untk mendapatkan akses pada group tersebut.

Kami mengizinkan member yang telah mengikuti kelas Premium untuk menjual kembali projek kelas kepada klien, perusahaan, etc. Syarat utamanya adalah dengan memodifikasi sedikitnya yaitu 30% dari original project buatan mentor kelas tersebut.

Kami melarang member menjual atau membagikan hak akses kelas Premium kepada orang lain yang tidak terdaftar pada kelas tersebut. Mari kita support creators Indonesia dengan cara membeli kelas secara resmi dan satu akun hanya untuk satu pengguna saja.

Kami tidak memperbolehkan member menjual kembali materi kelas di BuildWith Angga. Kami siap melanjutkan kepada proses hukum apabila Anda terbukti benar memperjualbelikan kelas kami secara ilegal.

Rp 425,000

Beli Kelas