Membuat Web Kuliner Menggunakan React.js

Tahap Persiapan

1. Membuat Akun Zomato (05:31)
2. Memahami Dokumentasi Zomato API
3. Merancang Layout Website

Membuat Tampilan Halaman Home

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

Membuat Fungsional Halaman Home

1. Menghubungkan Featured Cities dengan Zomato (08:56)
2. Menghubungkan Search City dengan Zomato (08:42)
3. Menangani Hasil Pencarian Kosong (05:53)
4. Show dan Hide Bagian Search Result (01:37)
5. Menambahkan Config File (07:54)
6. Setting Router (07:15)

Membuat Halaman City

1. Membuat Tampilan Halaman City (09:36)
2. Membuat Categories (05:49)
3. Menambah Style Category Terpilih (03:59)
4. Membuat Component Category List (03:42)
5. Membuat Search Box Keyword (02:52)
6. Membuat Component Search Keyword (02:13)
7. Membuat Component Search Criteria (06:03)
8. Memasukan Category Terpilih ke dalam Search Criteria (03:06)
9. 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

1. Membuat Restaurant Profile (07:22)
2. Membuat Rating Label (05:34)
3. Membuat Component Restaurant Profile (02:39)
4. Mendapatkan Data Restaurant Reviews (01:42)
5. Membuat Tampilan Restaurant Reviews (02:52)
6. Membuat Component Review (03:05)