Architecture Checklist

• Not done: Components organized by Atomic Design: atoms, molecules, organisms in src/components/.
• Not done: Logic extracted to custom hooks in src/hooks/.
• Not done: No monolithic files. Each component in its own file.
• Not done: All static text, image URIs, and list data moved to src/data/mockData.ts.

Type safety and syntax

• Not done: Every component exports a [ComponentName]Props interface with readonly property modifiers.
• Not done: File is syntactically valid TypeScript (no parse errors).
• Not done: Placeholders from template (e.g., StitchComponent) have been replaced with actual names.
• Not done: Navigation screen params are typed with NativeStackScreenProps or equivalent.

React Native primitives

• Not done: No HTML elements (div, span, p, img, button). Only React Native components.
• Not done: All text wrapped in Text components. No raw strings inside View.
• Not done: Pressable used for interactive elements (not TouchableOpacity or TouchableHighlight).
• Not done: FlatList used for dynamic/long lists (not ScrollView with .map()).
• Not done: Image components have explicit width and height or aspectRatio.

Styling

• Not done: All styles defined via StyleSheet.create() at the bottom of the file.
• Not done: No inline style objects (use StyleSheet references).
• Not done: No hardcoded hex values. Colors referenced from src/theme.ts.
• Not done: Shadows use Platform.select() for iOS/Android differences.
• Not done: flexDirection explicitly set where row layout is needed (default is column).

Accessibility

• Not done: Interactive elements have accessibilityLabel and accessibilityRole.
• Not done: Images have descriptive accessibilityLabel.
• Not done: Toggle/checkbox elements use accessibilityState.

Platform handling

• Not done: Top-level screens wrapped with SafeAreaView from react-native-safe-area-context.
• Not done: Platform-specific code uses Platform.select() or Platform.OS checks.
• Not done: Responsive dimensions use useWindowDimensions() (not hardcoded pixel values for screen-relative sizing).