Reproduce an Interface

Objective

Reproduce the user interface for part of an app.

What you'll need to begin

• Xcode
• a copy of the Views and Controls App that has been cloned to your computer for reference while you work on this task
• the SF Symbols App installed on your computer, also for reference
• a copy of SwiftUI Views Quick Start downloaded to your computer, so you can look up examples as needed

Success criteria

• made a rough plan where you have identified how various structures might be used: VStack, HStack, ZStack, Image, et cetera
• for the most part, accurately reproduced your chosen app's user interface
• made use of custom structures to reduce the use of repetitive code – in other words, you've applied abstraction
• written code that is well-formatted and easy to read
• you have used source control well by committing and pushing your work to a remote on GitHub at regular intervals

Exemplar

Given an interface you wish to reproduce:

Here is what a rough plan to reproduce part of an interface might look like:

The rest of the task is to reproduce an app's interface, like you did with the Stopwatch tab in the Clock app.

Progress and due date

The task is due by the end of our class this Friday, November 18, 2022.

This is a firm deadline as we are at the end of the current module.

Prior to the final deadline, on Spaces :

• Share progress regularly in your private portfolio space
  • Be sure to post screenshots
  • Be sure to post the address of your GitHub remote at some point

Selecting an interface to reproduce

Each student must select a different app's interface to reproduce.

You can select an interface from the examples provided below, or propose your own, by making a post to our shared class space on Spaces.

Indicate that you are choosing to do an interface by uploading a copy of the image to your post on Spaces.

Learning goals

Successful completion of this task is great initial evidence for learning goals 1, 2, 3, and 5.