A real app. Real engineering judgment.

What you build

A native app with file-based routing and stacked layouts, giving you the starting structure of a native product.

Concepts covered

• · Native app development vs. the web
• · React Native core components, APIs, and styling patterns
• · Expo and file-based routing with Expo Router
• · Guiding AI with working agreements

Example prompts we'll use

Factor out the StyleSheet data to its own constant.

Create a simple about page. Use the existing styles.

Deliverable

An Expo app with multi-screen navigation you can explain line by line.

What you build

Build a reusable UI kit of inputs, buttons, cards, and screens on top of a shared theme object.

Concepts covered

• · Design tokens for color, spacing, and radius
• · Structuring a reusable theme object
• · Typographic components
• · How TypeScript generics improve styling helpers
• · Barrel exports for reusable UI components

Example prompts we'll use

Move design tokens into a root-level theme.ts file. Create scaled tokens for spacing, radius, font size, and font weight.

Move the UI components into components/ui and create a barrel file for exports.

Deliverable

A themed, dark-mode-aware UI kit every later module builds on.

What you build

A complete auth flow from login screen to persisted session, clean auth context, and protected app routes.

Concepts covered

• · Separating public and app flows with route groups
• · React context providers
• · Session persistence
• · Supabase Auth

Example prompts we'll use

Factor session state into its own AuthContext in contexts/AuthContext, with just session, login, and logout.

Update AuthContext to use Supabase Auth.

Deliverable

A real-world auth flow with persisted sessions behind a clean context API.

What you build

Your own Supabase Postgres schema with mirrored users, invite codes, policies, and migrations tracked in code.

Concepts covered

• · Tables, primary keys, foreign keys, and indexes
• · Row-level security policies
• · Triggers, functions, and security settings
• · Migrations with the Supabase CLI

Example prompts we'll use

Write the RLS policy so a user can only select their own row.

Replace this client-side insert with a trigger on auth.users — explain why.

Deliverable

A migration-tracked schema with RLS decisions you can defend in an interview.

What you build

TanStack Query hooks, edge functions, and a real Postgres social graph with friendships, invite codes, blocking, reporting, and read projections.

Concepts covered

• · Queries, mutations, and cache invalidation
• · Graph modeling for friendships and social data
• · Edge functions and service-role workflows
• · Realtime updates with Supabase

Example prompts we'll use

Create a friendships table with one row per undirected user pair, storing the lower user ID first.

Update the select policy on friend_edges so blocked users are hidden, and add a SECURITY DEFINER helper function to support it.

Deliverable

A snappy, cache-aware app on top of a real social graph.

What you build

EAS builds, store-compliant auth, and a submission that actually gets reviewed.

Concepts covered

• · EAS builds and app provisioning
• · TestFlight, Play Store testing, and store requirements

Example prompts we'll use

Pre-flight my submission against Apple guideline 4.2 — what's missing from my privacy manifest?

Deliverable

A live, multi-user app in the App Store and the Play Store with your name on the listing.