---
# System prepended metadata

title: 'Swift and iOS Programming: SwiftUI Part 1'

---

# Swift and iOS Programming: SwiftUI Part 1


## Learning Objectives
* Creating and combining views
* Using stacks to arrange views
* Adding data and showing conditional views

## Download Materials

The starter code can be found [on GitHub](https://github.com/SUTDSwift/SwiftUI-SpotifyClone) or download it **[here](https://github.com/SUTDSwift/SwiftUI-SpotifyClone/archive/refs/heads/master.zip)**.

Your Xcode project should contain:
- Model/GenericContent.swift
- SpotifyPart1_starterApp.swift
- ContentView.swift
- Assets.xcassets
    - /covers
    - /icons
    - placeholder-image
    - /tabBar

We will be building from this project to create the UI of Spotify app's Home page. By the end of this session, you can expect to have built this:

![](https://i.imgur.com/qy8VJ4K.jpg)


## View Breakdown
![](https://i.imgur.com/AA9sWJd.png)






