State Management: setState() dan Provider pada Aplikasi ResepKu

class Recipe {
  final int id;
  final String name;
  final String cuisine;
  final String difficulty;
  final int prepTimeMinutes;
  final int cookTimeMinutes;
  final int servings;
  final int caloriesPerServing;
  final double rating;
  final String image; // dipakai mulai Modul 7
  final List<String> ingredients;
  const Recipe({
    required this.id,
    required this.name,
    required this.cuisine,
    required this.difficulty,
    required this.prepTimeMinutes,
    required this.cookTimeMinutes,
    required this.servings,
    required this.caloriesPerServing,
    required this.rating,
    required this.image,
    required this.ingredients,
  });
  int get totalTimeMinutes => prepTimeMinutes + cookTimeMinutes;
}

import 'package:flutter_application_1/models/recipe.dart';

// Data sementara. Isinya sama dengan https://dummyjson.com/recipes (id 1-6),
// sehingga di Modul 8 cukup sumber datanya yang diganti ke API.
const List<Recipe> dummyRecipes = [
  Recipe(
    id: 1,
    name: 'Classic Margherita Pizza',
    cuisine: 'Italian',
    difficulty: 'Easy',
    prepTimeMinutes: 20,
    cookTimeMinutes: 15,
    servings: 4,
    caloriesPerServing: 300,
    rating: 4.6,
    image: 'https://cdn.dummyjson.com/recipe-images/1.webp',
    ingredients: [
      'Pizza dough',
      'Tomato sauce',
      'Fresh mozzarella cheese',
      'Fresh basil leaves',
      'Olive oil',
      'Salt and pepper to taste',
    ],
  ),
  Recipe(
    id: 2,
    name: 'Vegetarian Stir-Fry',
    cuisine: 'Asian',
    difficulty: 'Medium',
    prepTimeMinutes: 15,
    cookTimeMinutes: 20,
    servings: 3,
    caloriesPerServing: 250,
    rating: 4.7,
    image: 'https://cdn.dummyjson.com/recipe-images/2.webp',
    ingredients: [
      'Tofu, cubed',
      'Broccoli florets',
      'Carrots, sliced',
      'Bell peppers, sliced',
      'Soy sauce',
      'Ginger, minced',
      'Garlic, minced',
      'Sesame oil',
      'Cooked rice for serving',
    ],
  ),
  Recipe(
    id: 3,
    name: 'Chocolate Chip Cookies',
    cuisine: 'American',
    difficulty: 'Easy',
    prepTimeMinutes: 15,
    cookTimeMinutes: 10,
    servings: 24,
    caloriesPerServing: 150,
    rating: 4.9,
    image: 'https://cdn.dummyjson.com/recipe-images/3.webp',
    ingredients: [
      'All-purpose flour',
      'Butter, softened',
      'Brown sugar',
      'White sugar',
      'Eggs',
      'Vanilla extract',
      'Baking soda',
      'Salt',
      'Chocolate chips',
    ],
  ),
  Recipe(
    id: 4,
    name: 'Chicken Alfredo Pasta',
    cuisine: 'Italian',
    difficulty: 'Medium',
    prepTimeMinutes: 15,
    cookTimeMinutes: 20,
    servings: 4,
    caloriesPerServing: 500,
    rating: 4.9,
    image: 'https://cdn.dummyjson.com/recipe-images/4.webp',
    ingredients: [
      'Fettuccine pasta',
      'Chicken breast, sliced',
      'Heavy cream',
      'Parmesan cheese, grated',
      'Garlic, minced',
      'Butter',
      'Salt and pepper to taste',
      'Fresh parsley for garnish',
    ],
  ),
  Recipe(
    id: 5,
    name: 'Mango Salsa Chicken',
    cuisine: 'Mexican',
    difficulty: 'Easy',
    prepTimeMinutes: 15,
    cookTimeMinutes: 25,
    servings: 3,
    caloriesPerServing: 380,
    rating: 4.9,
    image: 'https://cdn.dummyjson.com/recipe-images/5.webp',
    ingredients: [
      'Chicken thighs',
      'Mango, diced',
      'Red onion, finely chopped',
      'Cilantro, chopped',
      'Lime juice',
      'Jalapeño, minced',
      'Salt and pepper to taste',
      'Cooked rice for serving',
    ],
  ),
  Recipe(
    id: 6,
    name: 'Quinoa Salad with Avocado',
    cuisine: 'Mediterranean',
    difficulty: 'Easy',
    prepTimeMinutes: 20,
    cookTimeMinutes: 15,
    servings: 4,
    caloriesPerServing: 280,
    rating: 4.4,
    image: 'https://cdn.dummyjson.com/recipe-images/6.webp',
    ingredients: [
      'Quinoa, cooked',
      'Avocado, diced',
      'Cherry tomatoes, halved',
      'Cucumber, diced',
      'Red bell pepper, diced',
      'Feta cheese, crumbled',
      'Lemon vinaigrette dressing',
      'Salt and pepper to taste',
    ],
  ),
];

import 'package:flutter/material.dart';

// GANTI dengan NIM dan nama lengkap Kalian sendiri
const String kNim = '2411532011';
const String kNama = 'Aufan Taufiqurrahman';

/// Menampilkan NIM dan nama di bawah setiap halaman.
/// Dipasang sekali di MaterialApp.builder, jadi berlaku untuk semua route.
class IdentityFooter extends StatelessWidget {
  const IdentityFooter({super.key, required this.child});
  final Widget child;
  @override
  Widget build(BuildContext context) {
    return Column(
      children: [
        Expanded(
          // ruang aman bawah sudah diurus footer, jadi tidak dihitung dua kali
          child: MediaQuery.removePadding(
            context: context,
            removeBottom: true,
            child: child,
          ),
        ),
        Material(
          color: Colors.black87,
          child: SafeArea(
            top: false,
            child: SizedBox(
              width: double.infinity,
              child: Padding(
                padding: const EdgeInsets.symmetric(vertical: 6),
                child: Text(
                  '$kNim • $kNama',
                  textAlign: TextAlign.center,
                  style: const TextStyle(color: Colors.white, fontSize: 12),
                ),
              ),
            ),
          ),
        ),
      ],
    );
  }
}

import 'package:flutter/material.dart';
import 'package:flutter_application_1/pages/home_page.dart';
import 'package:flutter_application_1/widgets/identity_footer.dart';

void main() {
  runApp(const ResepKuApp());
}

class ResepKuApp extends StatelessWidget {
  const ResepKuApp({super.key});

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'ResepKu',
      debugShowCheckedModeBanner: false,
      theme: ThemeData(colorSchemeSeed: Colors.deepOrange),
      builder: (context, child) => IdentityFooter(child: child!), // footer NIM & nama
      home: const HomePage(),
    );
  }
}

import 'package:flutter/material.dart';
import 'package:flutter_application_1/data/dummy_recipes.dart';
import 'package:flutter_application_1/widgets/recipe_tile.dart';

class HomePage extends StatelessWidget {
  const HomePage({super.key});

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: const Text('ResepKu'),
      ),
      body: ListView(
        children: [
          for (final recipe in dummyRecipes) RecipeTile(recipe: recipe),
        ],
      ),
    );
  }
}

import 'package:flutter/material.dart';
import 'package:flutter_application_1/models/recipe.dart';
import 'package:flutter_application_1/pages/detail_page.dart';

class RecipeTile extends StatelessWidget {
  const RecipeTile({super.key, required this.recipe});

  final Recipe recipe;

  @override
  Widget build(BuildContext context) {
    return ListTile(
      leading: CircleAvatar(child: Text(recipe.name[0])),
      title: Text(recipe.name),
      subtitle: Text(
        '${recipe.cuisine} • ${recipe.totalTimeMinutes} menit • ★ ${recipe.rating}',
      ),
      onTap: () => Navigator.push(
        context,
        MaterialPageRoute(builder: (context) => DetailPage(recipe: recipe)),
      ),
    );
  }
}

IconButton.filledTonal(
  onPressed: _servings > 1 ? _removeServing : null,   // baris 63
  icon: const Icon(Icons.remove),
),

import 'package:flutter/material.dart';
import 'package:provider/provider.dart';
import 'package:flutter_application_1/pages/home_page.dart';
import 'package:flutter_application_1/providers/favorite_provider.dart';
import 'package:flutter_application_1/widgets/identity_footer.dart';

void main() {
  runApp(
    MultiProvider(
      providers: [
        ChangeNotifierProvider(create: (context) => FavoriteProvider()),
      ],
      child: const ResepKuApp(),
    ),
  );
}

class ResepKuApp extends StatelessWidget {
  const ResepKuApp({super.key});
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'ResepKu',
      debugShowCheckedModeBanner: false,
      theme: ThemeData(colorSchemeSeed: Colors.deepOrange),
      builder: (context, child) =>
          IdentityFooter(child: child!), // tetap dipertahankan
      home: const HomePage(),
    );
  }
}

import 'package:flutter/material.dart';
import 'package:provider/provider.dart';
import 'package:flutter_application_1/models/recipe.dart';
import 'package:flutter_application_1/pages/detail_page.dart';
import 'package:flutter_application_1/providers/favorite_provider.dart';

class RecipeTile extends StatelessWidget {
  const RecipeTile({super.key, required this.recipe});
  final Recipe recipe;
  @override
  Widget build(BuildContext context) {
    // watch: widget ini ikut rebuild saat daftar favorit berubah
    final isFavorite = context.watch<FavoriteProvider>().isFavorite(recipe);
    return ListTile(
      leading: CircleAvatar(child: Text(recipe.name[0])),
      title: Text(recipe.name),
      subtitle: Text(
        '${recipe.cuisine} • ${recipe.totalTimeMinutes} menit • ★ ${recipe.rating}',
      ),
      trailing: IconButton(
        icon: Icon(
          isFavorite ? Icons.favorite : Icons.favorite_border,
          color: isFavorite ? Colors.red : null,
        ),
        // read: di dalam callback cukup "membaca", tidak perlu listen
        onPressed: () => context.read<FavoriteProvider>().toggle(recipe),
      ),
      onTap: () => Navigator.push(
        context,
        MaterialPageRoute(builder: (context) => DetailPage(recipe: recipe)),
      ),
    );
  }
}

import 'package:provider/provider.dart';
import 'package:flutter_application_1/providers/favorite_provider.dart';

// di dalam build(), tepat setelah baris totalCalories
final isFavorite = context.watch<FavoriteProvider>().isFavorite(recipe);

// parameter actions pada AppBar
actions: [
  IconButton(
    icon: Icon(isFavorite ? Icons.favorite : Icons.favorite_border),
    onPressed: () => context.read<FavoriteProvider>().toggle(recipe),
  ),
],

import 'package:flutter/material.dart';
import 'package:flutter_application_1/models/recipe.dart';
import 'package:provider/provider.dart';
import 'package:flutter_application_1/providers/favorite_provider.dart';

class DetailPage extends StatefulWidget {
  const DetailPage({super.key, required this.recipe});
  final Recipe recipe;
  @override
  State<DetailPage> createState() => _DetailPageState();
}

class _DetailPageState extends State<DetailPage> {
  late int _servings; // state lokal: hanya halaman ini yang butuh
  @override
  void initState() {
    super.initState();
    _servings = widget.recipe.servings; // nilai awal dari data resep
  }

  void _addServing() {
    setState(() => _servings++);
  }

  void _removeServing() {
    if (_servings > 1) {
      setState(() => _servings--);
    }
  }

  @override
  Widget build(BuildContext context) {
    final recipe = widget.recipe;
    final totalCalories = recipe.caloriesPerServing * _servings;
    final isFavorite = context.watch<FavoriteProvider>().isFavorite(recipe);
    final textTheme = Theme.of(context).textTheme;
    return Scaffold(
      appBar: AppBar(
        title: Text(recipe.name),
        actions: [
          IconButton(
            icon: Icon(isFavorite ? Icons.favorite : Icons.favorite_border),
            onPressed: () => context.read<FavoriteProvider>().toggle(recipe),
          ),
        ],
      ),
      body: ListView(
        padding: const EdgeInsets.all(16),
        children: [
          Text(
            '${recipe.cuisine} • ${recipe.difficulty} • ${recipe.totalTimeMinutes} menit',
            style: textTheme.bodyLarge,
          ),
          const SizedBox(height: 16),
          Card(
            child: Padding(
              padding: const EdgeInsets.all(12),
              child: Row(
                children: [
                  Text('Porsi', style: textTheme.titleMedium),
                  const Spacer(),
                  IconButton.filledTonal(
                    onPressed: _servings > 1 ? _removeServing : null,
                    icon: const Icon(Icons.remove),
                  ),
                  Padding(
                    padding: const EdgeInsets.symmetric(horizontal: 16),
                    child: Text('$_servings', style: textTheme.titleLarge),
                  ),
                  IconButton.filledTonal(
                    onPressed: _addServing,
                    icon: const Icon(Icons.add),
                  ),
                ],
              ),
            ),
          ),
          const SizedBox(height: 8),
          Text(
            'Total kalori: $totalCalories kkal',
            style: textTheme.titleMedium,
          ),
          const SizedBox(height: 24),
          Text('Bahan', style: textTheme.titleLarge),
          for (final item in recipe.ingredients)
            ListTile(
              dense: true,
              leading: const Icon(Icons.check_circle_outline),
              title: Text(item),
            ),
        ],
      ),
    );
  }
}

import 'package:flutter/material.dart';
import 'package:provider/provider.dart';
import 'package:flutter_application_1/providers/favorite_provider.dart';

class FavoritePage extends StatelessWidget {
  const FavoritePage({super.key});
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(title: const Text('Favorit Saya')),
      body: Consumer<FavoriteProvider>(
        builder: (context, favorite, child) {
          if (favorite.count == 0) {
            return const Center(
              child: Text(
                'Belum ada resep favorit.\nTekan ikon hati di daftar resep.',
                textAlign: TextAlign.center,
              ),
            );
          }
          return ListView(
            children: [
              for (final recipe in favorite.items)
                ListTile(
                  title: Text(recipe.name),
                  subtitle: Text(recipe.cuisine),
                  trailing: IconButton(
                    icon: const Icon(Icons.delete_outline),
                    onPressed: () => favorite.toggle(recipe),
                  ),
                ),
            ],
          );
        },
      ),
    );
  }
}

import 'package:flutter/material.dart';
import 'package:provider/provider.dart';
import 'package:flutter_application_1/pages/favorite_page.dart';
import 'package:flutter_application_1/providers/favorite_provider.dart';

class FavoriteBadgeButton extends StatelessWidget {
  const FavoriteBadgeButton({super.key});
  @override
  Widget build(BuildContext context) {
    final count = context.watch<FavoriteProvider>().count;
    return IconButton(
      tooltip: 'Favorit saya',
      icon: Badge(
        isLabelVisible: count > 0,
        label: Text('$count'),
        child: const Icon(Icons.favorite),
      ),
      onPressed: () => Navigator.push(
        context,
        MaterialPageRoute(builder: (context) => const FavoritePage()),
      ),
    );
  }
}

import 'package:flutter/material.dart';
import 'package:flutter_application_1/data/dummy_recipes.dart';
import 'package:flutter_application_1/widgets/favorite_badge_button.dart';
import 'package:flutter_application_1/widgets/recipe_tile.dart';

class HomePage extends StatelessWidget {
  const HomePage({super.key});
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: const Text('ResepKu'),
        actions: const [FavoriteBadgeButton()],
      ),
      body: ListView(
        children: [
          for (final recipe in dummyRecipes) RecipeTile(recipe: recipe),
        ],
      ),
    );
  }
}