1. Dashboard
  2. Library
  3. Membuat Web Kuliner Menggunakan React.js
  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 / Bagus Budi Cahyono
Label : Main, Project, Web
Modul Belajar : 42
Durasi Belajar : 3 jam
File Pendukung : Unduh

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 Featured Cities Menjadi Component Terpisah (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)