How to Build a Shopping List App in SwiftUI

import SwiftData

enum GroceryCategory: String, CaseIterable, Codable {
    case produce   = "Produce"
    case dairy     = "Dairy"
    case meat      = "Meat"
    case bakery    = "Bakery"
    case frozen    = "Frozen"
    case beverages = "Beverages"
    case other     = "Other"
}

@Model
final class GroceryItem {
    var name: String
    var category: GroceryCategory
    var quantity: String
    var isChecked: Bool
    var dateAdded: Date

    init(name: String, category: GroceryCategory = .other, quantity: String = "1") {
        self.name = name; self.category = category
        self.quantity = quantity; self.isChecked = false
        self.dateAdded = .now
    }
}

struct ShoppingListView: View {
    @Environment(\.modelContext) private var modelContext
    @Query(sort: \GroceryItem.dateAdded) private var items: [GroceryItem]
    @State private var showAddItem = false

    var body: some View {
        NavigationStack {
            List {
                ForEach(GroceryCategory.allCases, id: \.self) { cat in
                    let rows = items.filter { $0.category == cat }
                    if !rows.isEmpty {
                        Section(cat.rawValue) {
                            ForEach(rows) { item in
                                GroceryRowView(item: item)
                                    .swipeActions(edge: .trailing) {
                                        Button(role: .destructive) { modelContext.delete(item) }
                                            label: { Label("Delete", systemImage: "trash") }
                                    }
                            }
                        }
                    }
                }
            }
            .navigationTitle("Shopping List")
            .toolbar { Button("Add", systemImage: "plus") { showAddItem = true } }
            .sheet(isPresented: $showAddItem) { AddItemView() }
        }
    }
}

struct AddItemView: View {
    @Environment(\.modelContext) private var modelContext
    @Environment(\.dismiss) private var dismiss
    @State private var name = ""
    @State private var quantity = "1"
    @State private var category: GroceryCategory = .other

    var isValid: Bool { !name.trimmingCharacters(in: .whitespaces).isEmpty }

    var body: some View {
        NavigationStack {
            Form {
                TextField("Item name", text: $name)
                TextField("Quantity", text: $quantity).keyboardType(.numbersAndPunctuation)
                Picker("Category", selection: $category) {
                    ForEach(GroceryCategory.allCases, id: \.self) { Text($0.rawValue).tag($0) }
                }
            }
            .navigationTitle("Add Item").navigationBarTitleDisplayMode(.inline)
            .toolbar {
                ToolbarItem(placement: .cancellationAction) { Button("Cancel") { dismiss() } }
                ToolbarItem(placement: .confirmationAction) {
                    Button("Add") {
                        modelContext.insert(GroceryItem(name: name, category: category, quantity: quantity))
                        dismiss()
                    }.disabled(!isValid)
                }
            }
        }
    }
}

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE plist PUBLIC "-//Apple//DTD PLIST 1.0//EN"
  "http://www.apple.com/DTDs/PropertyList-1.0.dtd">
<plist version="1.0">
<dict>
  <key>NSPrivacyTracking</key>
  <false/>
  <key>NSPrivacyTrackingDomains</key>
  <array/>
  <key>NSPrivacyCollectedDataTypes</key>
  <array/>
  <key>NSPrivacyAccessedAPITypes</key>
  <array>
    <dict>
      <key>NSPrivacyAccessedAPIType</key>
      <string>NSPrivacyAccessedAPICategoryUserDefaults</string>
      <key>NSPrivacyAccessedAPITypeReasons</key>
      <array><string>CA92.1</string></array>
    </dict>
  </array>
</dict>
</plist>