Pada Video ini kita akan mempelajari cara membuat aplikasi daftar resep sederhana menggunakan Flutter dan API. Tutorial ini untuk pemula dan yang ingin mempelajari cara membuat struktur API yang tepat dalam proyek dan menggunakannya di Aplikasi.
Bagian 1 (Desain Card) : • Membuat Aplikasi Dafta...
Bagian 2 (Resep JSON API) : • Membuat Aplikasi Dafta...
Bagian 3 (Detail Resep) : • Membuat Aplikasi Dafta...
Bagian 4 (Video Player) : • Membuat Aplikasi Dafta...
Bagian 5 (Nested JSON API) : • Membuat Aplikasi Dafta...
Link API : rapidapi.com/a...
Daftar Isi
1. Instal dependensi dan pengaturan proyek pada pubspec.yaml
2. Struktur Proyek (membuat folder dengan nama model dan views pada folder lib)
model - folder ini akan berisi class Resep dan class ResepAPI
resep.dart - file ini akan berisi objek Resep
resep.api.dart - file ini akan berfungsi untuk berkomunikasi antara aplikasi dan server web menggunakan API.
views - folder ini akan berisi file layout untuk aplikasi
home.dart - file ini adalah layout utama aplikasi
widget - folder ini akan berisi widget custom
resep_card.dart - file ini adalah widget ResepCard
3. Buat Tampilan Halaman Beranda (home.dart)
4. Buat Widget Resep Khusus (resep_card.dart)
Membuat desain layout tampilan per resep
5. File refactor main.dart untuk mengarahkan ke file home.dart
6. Mengintegrasikan API dengan aplikasi
Kita akan menggunakan API Yumly rapidapi.com/a... untuk menerima resep.
Kita akan menggunakan GET feeds/list
7. Buat kelas Resep (resep.dart)
8. Buat API Resep
Dalam langkah ini kita akan membuat class ResepAPI untuk berkomunikasi antara server web dan aplikasi
9. Membuat dan API Call Di Dalam Halaman Beranda
Terkhir adalah memanggil API getResep() pada halaman home.dart
13 окт 2024