Trading Cards

Objective

Create the look and feel of trading cards for sports, games, or other areas of interest.

Purpose

A second opportunity to demonstrate your understanding of key concepts from the first thread of this course. Specifically, using structures to:

• describe related data
• build user interfaces

In the next half of this task (to be shared soon) this will be your first opportunity to demonstrate understanding of a key concept from the second thread of this course. Specifically:

• use of lists as a data structure

Success criteria and exemplar

1. Made a rough plan where you have identified how various structures (VStack, HStack, ZStack, Image, et cetera) might be used to create part of your design.

   For example:

   

   And:

   

2. Created a static layout where the look and feel of a trading card is reproduced.

   

3. Created a structure named TradingCard (or similar) using appropriate property names, capitalization, and selection of data types that will allow you to store the data shown on your card's static layout.

   

4. Created instances of your structure to hold information for cards.

   Here is one example:

   

5. Applied abstraction by converting your static layout to use a property named card (or similar) that accepts an instance of your TradingCard structure.

   To demonstrate even more mastery of abstraction, use helper views to make the layout more concise and easier to understand:

   

   NOTE: You used helper views to draw the buttons on the Stopwatch app interface in thread 1.

6. Made use of a SwiftUI List structure to allow for navigation down to several different cards:

   

7. Written code that is well-formatted and easy to read.

8. You have used source control well by committing and pushing your work to a remote on GitHub at regular intervals.

   

   NOTE: You would likely have more commits than are shown in this example.

What you'll need to begin

• Xcode
• 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

Getting started

1. Create a new iOS app:

   

2. Name the app TradingCards:

   

3. Save the app in your Computer Studies folder, ensuring that source control is enabled:

   

4. Then create a public remote on GitHub:

   

5. Now work to complete each item described above in the success criteria.

   Please remember to commit and push your work regularly.

Progress and due date

The task is due by 11 PM this Sunday, January 15, 2023.

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

Further examples

Here are some examples of possible layouts that you could aim to reproduce, or use as inspiration for a similar layout: