SwiftUI & SwiftData: Build a Smart Vegetable Gardening App

Build a vegetable gardening app with SwiftUI and Swift data, using JSON API data for vegetables, a searchable catalog, seed or seedling options, notes, pests, and dark mode.

Fetch vegetables from a remote JSON with a dedicated HTTP client, decode into a Swift data model, and display the list on screen using a vegetable list screen.

Discover how to enhance a SwiftUI vegetable list by building a reusable vegetable cell view and loading preview data from vegetables.json to display name and image.

Implement a tab bar with three tabs: vegetables, my garden, and pests, each wrapped in a navigation stack, and designate the vegetable tab bar screen as the app’s home screen.

Implement the vegetable detail screen in a SwiftUI app, displaying thumbnail image, name, quick facts, planting and harvesting information, companions, and detail rows with icons, navigable from the list.

Add a vegetable to your garden using a SwiftUI toolbar, select seed or seedling from a sheet, and save your garden vegetable data with SwiftData.

Display your garden vegetables in a new garden screen by querying SwiftData for planted items, then render a garden cell with image, name, and harvest countdown.

Explore building a smart vegetable garden app with SwiftUI and SwiftData by adding and persisting notes (title, body, photo) linked to garden vegetables through a one-to-many relationship.

Learn to fix preview issues in SwiftUI by using preview container and preview traits with SwiftData, injecting sample data from JSON into the main context for realistic previews.

Attach images to notes using the photos picker in SwiftUI, convert selected data to image, display it, and save the image data with the note in a SwiftData app.

Implement a custom SwiftUI image picker using UIImagePickerController to capture or select a photo, bind it to a note, convert to PNG data on change, and save with notes.

Implement UI validation and icons on the node screen, wire the save button to a non-empty title and note body, and refactor into a reusable NoteCellView with placeholders for images.

See how to display pest information in a SwiftUI and SwiftData vegetable gardening app by decoding pest data from JSON and passing it to a pest list view.

Implement pest display in the pest list by creating a pest cell view, wiring it to preview data loaded from vegetables, and wiring navigation toward pest details.

Implement a pest detail screen in a SwiftUI app, passing pest data via navigation, and render image, name, description, symptoms, and treatment with a reusable section view.

Add a searchable bar to the vegetable and pest lists with SwiftUI's searchable modifier, filter results by a state string using case-insensitive contains.

Learn to delete vegetables from your garden by swiping rows and using on delete with for each, persisting changes via the context save, and testing on iOS 18 simulators.

Add vegetables to your garden quickly using swipe actions on the vegetable list, choose seed or seedling via a sheet, and save to your garden with a single gesture.

Implement swipe-to-delete for vegetable nodes with a forEach in a list, persisting deletions via the model context to the database, and test in the simulator.

Display an empty view when a vegetable has no notes by unwrapping notes with if let and showing a 'no notes found' message in the list.