The app we will be building is a simple Shopping List app. It is a general-purpose Shopping List app that allows users to add items to their list and check items from the list. The following is the full list of features for our app:

• Users will be able to add Shopping List Items
• They will be able to enter details about the items, such as the item name
• The item can be checked to mark it as bought
• Users will be able to view all of the items entered in the Shopping List, rearrange them, and even delete them
• Users will be able to have more than one Shopping List and move items between Shopping Lists
• The app will persist the data and load the Shopping Lists and their items whenever the app starts
• Users will be able to filter the Shopping List based on items that are not checked and also be able to search for items in the list based on their names
• Users...

To create an app, you will need to have Xcode installed. You can get it from Apple's App Store. Once you open Xcode, you will be greeted with the Welcome to Xcode modal. This is where you will see your most recent projects:

We will get started by selecting the Create a new Xcode project option from the dialog. If you want to just explore Swift language, you can select Get started with a playground.

This will open another dialog where we will be prompted to select the template for our project. There are several templates to choose from, but for our app, the Single View App is a good template to begin with:

Give your app a name and make sure the language...

Now that we understand the files and folders in our projects a little bit, let's start writing some code. We will begin by writing code for our first model, the Shopping List Item. To do so, perform the following steps:

1. Create a new group called Models under the ShoppingList folder in your project.
2. Then right-click and click on New File... under the Models folder and select a Swift file from the iOS template. Call this new file Item.swift and click Create.

3. Copy the following code into the Item.swift file:

import UIKit
class Item {
    var name: String
    var isChecked: Bool
    init(name: String, isChecked: Bool = false) {
        self.name = name
        self.isChecked = isChecked
    }
}

Let's go over the code in more detail:

We define a class called Item which will serve as a blueprint for our...

iOS apps have a controller file, which as the name implies, controls the flow of your application. It's one file that's responsible for keeping track of data that will be used to render the view. It also listens to triggers from the user and reacts to them by modifying the data if needed, and re-rendering the view with the modified data. There are a few kinds of View Controllers, but the one that is most commonly used is a Table View Controller.

Table View Controllers are specialized View Controllers that are used when you want to show a list of data. It can also be used in creative ways to make more complex user interfaces, such as an image reel or a carousel. For our app, we'll use the Table View Controller to list our Shopping List Items one by one, and the View Controller will be responsible...

Storyboard is where you define the flow of your application. It's where the initial View Controller is defined and also the place where you can set up other View Controllers and connect them. Configuring our app's UI is done using Xcode, but all of these configurations can be programmatically done by writing additional code.

To use our new TableViewController file in our application, we need to edit our main storyboard. To do so, we need to perform the following steps:

1. Delete the ViewController.swift file in our project as we will not be using it. You can do so by right-clicking on the file, selecting Delete, and then in the modal selecting Move to Trash.
2. Open the Main.storyboard. We will click on View Controller Scene in the left pane of our storyboard file and delete it:

3. Drag the Navigation Controller from the Object Library on the bottom...

To add items, we will need to add a new bar button to our navigation bar and set up a tap handler on the button so that we can respond to it by showing an input dialog to the user to enter the name of the item they want to add. To do so, we need to perform the following steps:

1. Open up our Main.storyboard, search for Bar Button Item from the Object library, and drag it to the right-hand side of the navigation bar:

2. Select the Bar Button Item and change the System Item to Add:

3. Click the Assistant Editor to open the source code for our Table View Controller side-by-side with the storyboard:

4. Control click on the add button (+) and drag into into your source code file where there is a blank line outside of any method and leave it:

5. You will then see a modal where you need to change the Connection to Action and Type to UIBarButtonItem...

Adding the ability to edit the list of items by either deleting them or rearranging them is easy as well. All we need to do is implement few more methods to let our ItemTableViewController know that we want to delete certain rows or rearrange them and write code to update our model representing the list, which is our array of items.

First, let's implement deleting. To turn on deleting, we need to perform the following steps:

1. Implement the tableView(_:canEditRowAt:) method. In this method, we need to return true and it will allow deleting of all rows and hence all Shopping List Items. Setting this to true will allow users to swipe the cell to the left to reveal the Delete button, or it can be swiped all the way to the left to trigger a delete:

override func tableView(_ tableView: UITableView, canEditRowAt indexPath: IndexPath) -> Bool ...