SwiftUI MVVM Masterclass – Build a Polished Tic Tac Toe App

Define a tic tac toe iOS app using system design concepts, outlining functional and non-functional requirements, data models, APIs, and a design diagram for scalable, testable architecture.

Explore data modeling for a tic tac toe app: player profiles with symbols and wins, cell states, game modes, difficulty, first turn, game state, and persistence of light/dark mode.

Visualize the tic tac toe app architecture with a full system design walkthrough, outlining front end vs back end, MVVM with dependency injection, and the roles of stores and services.

Set up your dev environment by choosing a git source-control workflow, creating a GitHub repository, configuring gitignore and license, cloning and committing, and starting an Xcode SwiftUI project.

Organize the project architecture into core, domain, extensions, services, and stores, pairing views with their viewmodels. Set up assets and colors in Xcode for a SwiftUI app.

Refactor the entry to an app mode view, implement a live app mode store with factory injection, and bind mode changes to the UI via a view model using Combine.

Create an app color theme with a colors asset and meaningful names like error or accent. Provide a simple color extension and a static theme for light and dark previews.

Import useful SwiftUI extensions for views, including shadows, corner radii, infinity frame, and reusable button styles, to speed setup and ensure consistent UI across projects.

Explore building a reusable SwiftUI selection pills component for difficulty and first-turn, using a generic option type constrained by Hashable and CustomStringConvertible, with animated selections.

Assemble the game setup view and its view model in SwiftUI, tying them to a game setup store, MVVM architecture, color scheme toggle, and app storage.

Design and implement a reusable player in-game view in SwiftUI that shows a player's image, name, symbol, and wins, with orientation left or right and a current-player border animation.

Create a SwiftUI tic tac toe board UI by implementing a 3x3 2d board and cell state (empty, X, O), styling winning cells, and wiring taps to the view model.

Create a SwiftUI game result screen that shows win, tie, or lose states, displays the winner, and offers a play again option, with domain models for game state and player.

Define a game error enum conforming to error with cases like invalid move and game not in progress, add descriptions, and implement error handler and analytics services to log events.

Implement a bot engine service to decide tic tac toe moves based on easy, medium, and hard difficulty using random moves, immediate win/block logic, and minimax for optimal play.

Explore the board logic service for tic tac toe, learning to validate moves, check wins or ties, and decouple board logic from the view model.

Implement the game view model as the main tic tac toe logic, wiring to stores and services for players, difficulty, bot moves, board updates, win/tie handling, animations, and analytics.

Assemble the tic tac toe game view by composing a vertical stack with a game board, player stats, and action buttons, wired to the view model and sheet-based win handling.

Conduct a full project review of the tic tac toe iOS app, recapping mvvm architecture, stores, services, and dependency injection.

Explore ways to extend your tic tac toe app after this course by customizing design, colors, shadows, and AI behavior, and adding features like reset, symbol choice, and Firebase integration.