1. Dashboard
  2. My Learn
  3. Paths
  4. Intro

Membuat Web Kuliner Menggunakan React.js

Studi kasus langkah demi langkah dalam mebuat aplikasi web kuliner menggunakan framework React JS

Penulis : Bagus Aji Santoso
Tipe : Online Course
Modul Belajar : 42
Durasi Belajar : 3 jam

Tahap Persiapan

01
  Membuat Akun Zomato (05:31)
02
  Memahami Dokumentasi Zomato API
03
  Merancang Layout Website

Membuat Tampilan Halaman Home

01
  Memulai Proyek dan Menyiapkan Tema (04:49)
02
  Menambahkan Navbar dan Gambar Utama (08:05)
03
  Menambahkan Featured Cities (07:58)
04
  Membuat Component City Card (04:14)
05
  Memisahkan Navbar, Image, dan Welcome Message (05:53)
06
  Memisahkan Navbar, Image, dan Welcome Message (02:35)
07
  Membuat Search City (06:11)
08
  Memisahkan Search City Menjadi Component (03:19)
09
  Membuat Search Result (04:01)
10
  Membuat Footer (15:00)
11
  Membuat Component Home (04:43)

Membuat Fungsional Halaman Home

01
  Menghubungkan Featured Cities dengan Zomato (08:56)
02
  Menghubungkan Search City dengan Zomato (08:42)
03
  Menangani Hasil Pencarian Kosong (05:53)
04
  Show dan Hide Bagian Search Result (01:37)
05
  Menambahkan Config File (07:54)
06
  Setting Router (07:15)

Membuat Halaman City

01
  Membuat Tampilan Halaman City (09:36)
02
  Membuat Categories (05:49)
03
  Menambah Style Category Terpilih (03:59)
04
  Membuat Component Category List (03:42)
05
  Membuat Search Box Keyword (02:52)
06
  Membuat Component Search Keyword (02:13)
07
  Membuat Component Search Criteria (06:03)
08
  Memasukan Category Terpilih ke dalam Search Criteria (03:06)
09
  Memasukan Keyword ke dalam Search Criteria (03:07)
10
  Menghapus Criteria (03:23)
11
  Membuat Component Search Criteria (02:45)
12
  Membuat Restaurant List (05:30)
13
  Membuat Component Restaurant Card (03:08)
14
  Menghubungkan Categories dengan Zomato (03:37)
15
  Menghubungkan Search Criteria dengan Zomato (07:53)
16
  Setting Router (04:30)

Membuat Halaman Restaurant Detail

01
  Membuat Restaurant Profile (07:22)
02
  Membuat Rating Label (05:34)
03
  Membuat Component Restaurant Profile (02:39)
04
  Mendapatkan Data Restaurant Reviews (01:42)
05
  Membuat Tampilan Restaurant Reviews (02:52)
06
  Membuat Component Review (03:05)