Ultimate Portfolio App

Learn to build one complete app using SwiftUI, Core Data, CloudKit, StoreKit, Widgets, Spotlight, and more.

Part 1: Building the core app

The first step of our project will be to build the core of the app itself, providing all the fundamental features. Everyone needs to follow these steps.


Ultimate Portfolio App: Introduction


1. Ultimate Portfolio App: Introduction

While I’m sure you’re keen to get started programming immediately, please give me a few minutes to outline the goals of this course and explain why it’s different from other courses I’ve written.

Setting up the basics

Designing a great model


2. Designing a great model

Almost always, the key to getting a great app is getting a great data model – deciding as early as you can what data you want to store, and how each piece relates to other pieces. So, we’re going to dive straight into Core Data!

First steps in UI


3. First steps in UI

Now that we have our basic data model configured and coded, we can put it to use by building a simple user interface to help make sure our data is in place and working correctly.

Storing your code somewhere safe


4. Storing your code somewhere safe

At this point we have something very simple working, so now is a great time to stash your code away somewhere safe using source control. If you already know how to use Git then you’re welcome to skip this part.

Cleaning up Core Data


5. Cleaning up Core Data

Core Data’s optionals are quite different from Swift’s optionals, which makes them a little uncomfortable to work with. In this article I’m going to show you two ways of fixing this, which will help clear up our code nicely.

Storing tab selection


6. Storing tab selection

Although apps can live in the background for quite a while, eventually they will be terminated. But when a user relaunches them, it’s a good idea to bring them roughly back to where they were, and with state restoration we can do just that.

Editing our data

Editing items


7. Editing items

Our next step is to build a simple form so the user can edit items, which in itself isn’t too hard. However, along the way I want to show you some useful tips for tracking changes and updating the UI – it’s not quite as straightforward as you might expect.

Instant sync and save


8. Instant sync and save

Rather than calling update() when our view disappears, what we really want to do is update the object before the disappear happens. In this article I’ll show you the SwiftUI native way of doing this, then walk you through an alternative that I prefer.

Adding a section header


9. Adding a section header

Now that item editing works well, we can add a screen to edit projects. But before we can even think about that we need to add a custom section header to let users select a project to edit.

Editing projects


10. Editing projects

Editing projects is much like editing items, but because a good portfolio project should show off a range of skills we’re going to bring in grids, alerts, tap gestures, and more.

Questions and answers, part 1


11. Questions and answers, part 1

As folks have worked their way through the series so far, they’ve sent in various questions about implementation choices and more. In this article I want to address the eight most common questions asked so far, so that everyone can benefit.

Filling out the functionality

Adding and deleting


12. Adding and deleting

At this point you can get a basic idea for the UI of our app, but it has a fatal flaw: although we can add test data, we can’t do the same for user data. Let’s fix that now – there’s more to it than you might think!

Custom sorting for items


13. Custom sorting for items

Our default sort for project items works well enough, but with a little extra work we can let users choose how to sort them. In this article I’m going to walk you through several different ways of approaching this problem, some that I think work well, and others not so much…

Finishing ProjectsView


14. Finishing ProjectsView

At this point our main list view is almost done, but before we’re finished we’re going to add some icons, make landscape mode work better, and even fix a rather nasty deletion bug.

Reading awards JSON


15. Reading awards JSON

Parsing data into your app is the single most common task any iOS developer needs to do, so in this article we’ll start to build out an Awards tab using JSON.

Counting Core Data results


16. Counting Core Data results

Now that we’ve designed a basic awards UI, we can bring it to life with some Core Data queries to determine which awards have actually been earned.

Creating the Home view


17. Creating the Home view

So far our home view has simply been a host for adding test data, but that changes now: we’re going to make the home view a summary of all their project progress, plus the most important items coming up next.

Beginning the clean up

Now for the real work…


18. Now for the real work…

Everything we’ve done so far has produced a serviceable app, although it does have a few bugs that we’ll address later. But before we address those, I want to change gear and focus on making our existing code better. This is where the real work begins!

Internationalization and localization


19. Internationalization and localization

Our app was designed to work in English, and although you might not want to change that your should at least be able to change. Let’s start with that…

Part 2: Integrating with the system

Once our core app is built, we can explore optional extras such as integrating with StoreKit, Apple Pay, and more. These steps are optional and you can follow any of them in any order you want.

Coming soon!

Part 3: Going cross-platform

The final step of our project will be to see how we can take our code to macOS, tvOS, and even watchOS.

Coming soon!