MobLeet Clone Chapter Breakdown

Chapter 1 — Project Init (01_project-init)

Bootstraps the Expo SDK 55 app, routing shell, theme tokens, and shared layout utilities.

Files

• package.json — Expo 55 app scripts and dependencies
• app.json — scheme mobleetclone, web.output: "server", plugins
• tsconfig.json — @/* path alias
• src/app/_layout.tsx — root stack, splash, auth gate, SafeAreaProvider
• src/lib/theme.ts — shared colors (lime, peach, background)
• src/hooks/use-screen-insets.ts — scroll / sheet padding from safe area
• src/hooks/use-tab-bar-style.ts — tab bar height + hide on problem stack
• src/lib/user.ts — display name, avatar, initials helpers
• src/lib/crypto-polyfill.ts — RN crypto polyfill for auth

Depsexpo, expo-router, react, react-native, react-native-safe-area-context, react-native-screens, react-native-gesture-handler, react-native-reanimated, @expo/vector-icons, expo-status-bar, expo-splash-screen, typescript

Sub-chapters 1.1 Create Expo app (SDK 55)

1.2 Configure app.json scheme + server output

1.3 Root layout + path aliases

1.4 Theme tokens + inset / tab-bar hooks