How to Build a Sign Language App in SwiftUI

import SwiftData
import Foundation

@Model
final class ASLLetter {
    var character: String
    var videoURL: URL?
    var imageURL: String
    var handshapeDescription: String
    var isPracticed: Bool = false
    var practiceCount: Int = 0

    init(character: String, imageURL: String, handshapeDescription: String) {
        self.character = character
        self.imageURL = imageURL
        self.handshapeDescription = handshapeDescription
    }
}

@Model
final class LessonProgress {
    var lettersCompleted: [String] = []
    var quizScore: Int = 0
    var updatedAt: Date = .now
}

import SwiftUI
import SwiftData

struct AlphabetGridView: View {
    @Query(sort: \ASLLetter.character) private var letters: [ASLLetter]
    @State private var selectedLetter: ASLLetter?
    let columns = [GridItem(.adaptive(minimum: 88))]

    var body: some View {
        NavigationStack {
            ScrollView {
                LazyVGrid(columns: columns, spacing: 16) {
                    ForEach(letters) { letter in
                        VStack(spacing: 6) {
                            AsyncImage(url: URL(string: letter.imageURL)) { img in
                                img.resizable().scaledToFit()
                            } placeholder: { ProgressView() }
                            .frame(width: 64, height: 64)
                            .clipShape(RoundedRectangle(cornerRadius: 10))
                            Text(letter.character).font(.headline)
                        }
                        .padding(8)
                        .background(.quaternary, in: RoundedRectangle(cornerRadius: 12))
                        .onTapGesture { selectedLetter = letter }
                    }
                }
                .padding()
            }
            .navigationTitle("ASL Alphabet")
            .sheet(item: $selectedLetter) { LetterDetailView(letter: $0) }
        }
    }
}

import SwiftUI
import AVKit

struct LetterDetailView: View {
    let letter: ASLLetter
    @State private var player: AVPlayer?

    var body: some View {
        VStack(alignment: .leading, spacing: 16) {
            if let player {
                VideoPlayer(player: player)
                    .frame(height: 260)
                    .clipShape(RoundedRectangle(cornerRadius: 16))
                    .accessibilityLabel("ASL sign for letter \(letter.character)")
            } else {
                AsyncImage(url: URL(string: letter.imageURL)) { img in
                    img.resizable().scaledToFit()
                } placeholder: { ProgressView() }
                .frame(height: 260)
            }
            Text("Letter \(letter.character)").font(.largeTitle.bold())
            Text(letter.handshapeDescription).foregroundStyle(.secondary)
            Button("Mark as Practiced") {
                letter.isPracticed = true
                letter.practiceCount += 1
            }.buttonStyle(.borderedProminent)
        }
        .padding()
        .task {
            guard let url = letter.videoURL else { return }
            player = AVPlayer(url: url)
            player?.play()
        }
    }
}

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE plist PUBLIC "-//Apple//DTD PLIST 1.0//EN"
  "http://www.apple.com/DTDs/PropertyList-1.0.dtd">
<plist version="1.0">
<dict>
    <key>NSPrivacyTracking</key>
    <false/>
    <key>NSPrivacyTrackingDomains</key>
    <array/>
    <key>NSPrivacyCollectedDataTypes</key>
    <array/>
    <key>NSPrivacyAccessedAPITypes</key>
    <array>
        <dict>
            <key>NSPrivacyAccessedAPIType</key>
            <string>NSPrivacyAccessedAPICategoryUserDefaults</string>
            <key>NSPrivacyAccessedAPITypeReasons</key>
            <array><string>CA92.1</string></array>
        </dict>
    </array>
</dict>
</plist>